25 lines
458 B
SCSS
25 lines
458 B
SCSS
|
.has-copy-button {
|
||
|
position: relative;
|
||
|
color: $grey;
|
||
|
}
|
||
|
.hover-copy-button,
|
||
|
.hover-copy-button-static {
|
||
|
position: absolute;
|
||
|
top: 0.5rem;
|
||
|
right: 0.5rem;
|
||
|
}
|
||
|
|
||
|
.hover-copy-button {
|
||
|
opacity: 0;
|
||
|
pointer-events: none;
|
||
|
transition: opacity $speed ease-in-out;
|
||
|
will-change: opacity;
|
||
|
}
|
||
|
|
||
|
.has-copy-button:hover .hover-copy-button,
|
||
|
.has-copy-button:focus .hover-copy-button,
|
||
|
.hover-copy-button .copy-button:focus {
|
||
|
opacity: 1;
|
||
|
pointer-events: auto;
|
||
|
}
|