40 lines
734 B
SCSS
40 lines
734 B
SCSS
.contains-copy-button {
|
|
position: relative;
|
|
|
|
.copy-button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
|
|
background-color: transparent;
|
|
border: none;
|
|
|
|
&::after {
|
|
content: '\f328';
|
|
color: rgba($text-color, 0.75);
|
|
|
|
font-family: 'Font Awesome 6 Free';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
&:hover {
|
|
&::after {
|
|
color: $text-color;
|
|
}
|
|
}
|
|
|
|
&.copy-successful {
|
|
&::after {
|
|
content: '\f46c'
|
|
}
|
|
}
|
|
|
|
&.copy-failed {
|
|
&::after {
|
|
content: '\f00d'
|
|
}
|
|
}
|
|
}
|
|
}
|