Split copy from code styling

This commit is contained in:
Daniel_I_Am 2022-06-14 17:26:56 +02:00
parent 7fe413d720
commit 15d2639736
3 changed files with 40 additions and 40 deletions

View File

@ -5,43 +5,3 @@
}
}
}
.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'
}
}
}
}

View File

@ -19,3 +19,4 @@
@import "pagination";
@import "list";
@import "code";
@import "copy";

39
assets/sass/copy.scss Normal file
View File

@ -0,0 +1,39 @@
.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'
}
}
}
}