refactoring

This commit is contained in:
Philipp Kühn
2020-04-19 12:07:22 +02:00
parent 5e18e0960a
commit 965b969f7b

View File

@@ -1,5 +1,4 @@
$codeBg: rgba($colorBlack, 0.9); $codeBackground: rgba($colorBlack, 0.9);
$codeSelection: #363636;
$codeText: #eee; $codeText: #eee;
$codeGrey: #616161; $codeGrey: #616161;
$codeRed: #ff6666; $codeRed: #ff6666;
@@ -10,7 +9,8 @@ $codeBlue: #89ddff;
$codeTeal: #80cbc4; $codeTeal: #80cbc4;
$codePurple: #c792ea; $codePurple: #c792ea;
code[class*="language-"], pre[class*="language-"] { code[class*="language-"],
pre[class*="language-"] {
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
@@ -26,34 +26,10 @@ code[class*="language-"], pre[class*="language-"] {
padding: 0; padding: 0;
} }
code[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection {
text-shadow: none;
opacity: 1;
color: $codeText;
background: $codeSelection;
}
code[class*="language-"]::selection, pre[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"] ::selection {
text-shadow: none;
opacity: 1;
color: $codeText;
background: $codeSelection;
}
@media print {
code[class*="language-"], pre[class*="language-"] {
text-shadow: none !important;
}
}
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
white-space: normal; white-space: normal;
color: $codeText; color: $codeText;
background: $codeBg; background: $codeBackground;
border-radius: 0.2em; border-radius: 0.2em;
padding: 0.1em; padding: 0.1em;
} }
@@ -66,12 +42,14 @@ pre[class*="language-"] {
overflow: auto; overflow: auto;
position: relative; position: relative;
color: $codeText; color: $codeText;
background: $codeBg; background: $codeBackground;
padding: 1.2rem 1.5rem; padding: 1.2rem 1.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
pre[class*="language-"].language-css > code, pre[class*="language-"].language-sass > code, pre[class*="language-"].language-scss > code { pre[class*="language-"].language-css > code,
pre[class*="language-"].language-sass > code,
pre[class*="language-"].language-scss > code {
color: $codeOrange; color: $codeOrange;
} }