diff --git a/assets/sass/_code.scss b/assets/sass/_code.scss index 330ed29..db2e1ba 100644 --- a/assets/sass/_code.scss +++ b/assets/sass/_code.scss @@ -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' - } - } - } -} diff --git a/assets/sass/app.scss b/assets/sass/app.scss index c5b065a..0b38da1 100644 --- a/assets/sass/app.scss +++ b/assets/sass/app.scss @@ -19,3 +19,4 @@ @import "pagination"; @import "list"; @import "code"; +@import "copy"; diff --git a/assets/sass/copy.scss b/assets/sass/copy.scss new file mode 100644 index 0000000..ad8f228 --- /dev/null +++ b/assets/sass/copy.scss @@ -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' + } + } + } +}