jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-13 00:25:28 -04:00
Code Issues Activity

fix copy button styles

Browse Source
This commit is contained in:
Jake Jarvis
2021-10-22 10:52:20 -04:00
parent df3740ecf3
commit 0cc32e3a58
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/sass/components/_syntax.scss
+26 -22
View File
@@ -47,6 +47,28 @@ div.highlight {
} }
} }
// elements dynamically added by clipboard.js code
div.highlight-clipboard-enabled {
position: relative;
button.copy-button {
position: absolute;
top: 0;
right: 0;
width: 5.5em;
padding: 0.75em 0.25em;
border: 1px solid;
cursor: pointer;
font-size: 0.85em;
font-weight: 500;
line-height: 1;
&:hover {
@include themes.themed(color, "links");
}
}
}
// global table styles for line numbers and font styles // global table styles for line numbers and font styles
.chroma { .chroma {
.lntable { .lntable {
@@ -102,6 +124,7 @@ div.highlight {
/*! Syntax Highlighting (light) - modified from Monokai Light: https://github.com/mlgill/pygments-style-monokailight */ /*! Syntax Highlighting (light) - modified from Monokai Light: https://github.com/mlgill/pygments-style-monokailight */
body.light { body.light {
// stylelint-disable no-descending-specificity
div.highlight, div.highlight,
button.copy-button, button.copy-button,
:not(pre) > code { :not(pre) > code {
@@ -116,6 +139,7 @@ body.light {
button.copy-button { button.copy-button {
color: #313131; color: #313131;
} }
// stylelint-enable no-descending-specificity
.chroma { .chroma {
.k, .k,
@@ -191,6 +215,7 @@ body.light {
/*! Syntax Highlighting (dark) - modified from Dracula: https://github.com/dracula/pygments */ /*! Syntax Highlighting (dark) - modified from Dracula: https://github.com/dracula/pygments */
body.dark { body.dark {
// stylelint-disable no-descending-specificity
div.highlight, div.highlight,
button.copy-button, button.copy-button,
:not(pre) > code { :not(pre) > code {
@@ -205,6 +230,7 @@ body.dark {
button.copy-button { button.copy-button {
color: #e4e4e4; color: #e4e4e4;
} }
// stylelint-enable no-descending-specificity
.chroma { .chroma {
.k, .k,
@@ -277,25 +303,3 @@ body.dark {
} }
} }
} }
// elements dynamically added by clipboard.js code
div.highlight-clipboard-enabled {
position: relative;
button.copy-button {
position: absolute;
top: 0;
right: 0;
width: 5.5em;
padding: 0.75em 0.25em;
border: 1px solid;
cursor: pointer;
font-size: 0.85em;
font-weight: 500;
line-height: 1;
&:hover {
@include themes.themed(color, "links");
}
}
}