0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Bootstrap/site/assets/scss/_clipboard-js.scss
Puru Vijay 645f955845
docs: add a StackBlitz "Try It" button in code examples (#35644)
Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-03-09 17:32:58 +02:00

45 lines
655 B
SCSS

// clipboard.js
//
// JS-based `Copy` buttons for code snippets.
.bd-clipboard,
.bd-edit {
position: relative;
display: none;
float: right;
+ .highlight {
margin-top: 0;
}
@include media-breakpoint-up(md) {
display: block;
}
}
.btn-clipboard,
.btn-edit {
position: absolute;
top: .65rem;
right: .65rem;
z-index: 10;
display: block;
padding: .25rem .5rem;
@include font-size(.65em);
color: $primary;
white-space: nowrap;
background-color: $white;
border: 1px solid;
@include border-radius();
&:hover,
&:focus {
color: $white;
background-color: $primary;
}
}
.btn-edit {
right: 3.65rem;
}