mirror of
https://github.com/danog/sass-site.git
synced 2024-12-11 00:49:50 +01:00
111 lines
1.8 KiB
SCSS
111 lines
1.8 KiB
SCSS
@use '../functions';
|
|
|
|
/**
|
|
* Based on the GHColors theme by Avi Aryan (http://aviaryan.in)
|
|
* Inspired by GitHub syntax coloring
|
|
*/
|
|
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
background-color: var(--sl-color-code--bg);
|
|
hyphens: none;
|
|
word-break: normal;
|
|
word-spacing: normal;
|
|
tab-size: 4;
|
|
text-align: left;
|
|
}
|
|
|
|
.token {
|
|
color: var(--sl-color-code--text);
|
|
}
|
|
|
|
.token table td { padding: functions.sl-px-to-rem(5px); }
|
|
.token table pre { margin: 0; }
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
--sl-color-code--text: #656556;
|
|
font-style: italic;
|
|
}
|
|
|
|
[class*="language-css"] {
|
|
& .token.comment {
|
|
--sl-color-code--text: #006666;
|
|
}
|
|
}
|
|
|
|
.token.namespace {
|
|
opacity: .7;
|
|
}
|
|
|
|
.token.string,
|
|
.token.attr-value {
|
|
--sl-color-code--text: #df1144;
|
|
}
|
|
|
|
.token.punctuation,
|
|
.token.operator {
|
|
--sl-color-code--text: #393A34; /* no highlight */
|
|
font-weight: bold;
|
|
}
|
|
|
|
.token.entity,
|
|
.token.url,
|
|
.token.symbol,
|
|
.token.number,
|
|
.token.boolean,
|
|
.token.constant,
|
|
.token.property,
|
|
.token.regex,
|
|
.token.inserted {
|
|
--sl-color-code--text: #990000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.token.atrule,
|
|
.token.keyword,
|
|
.token.attr-name,
|
|
.language-autohotkey .token.selector {
|
|
--sl-color-code--text: #000000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.token.function,
|
|
.token.deleted,
|
|
.language-autohotkey .token.tag {
|
|
--sl-color-code--text: #9a050f;
|
|
}
|
|
|
|
.token.tag,
|
|
.token.selector,
|
|
.language-autohotkey .token.keyword {
|
|
--sl-color-code--text: #445588;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.token.important,
|
|
.token.function,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
[class*="language-shell"] {
|
|
& .token.function {
|
|
--sl-color-code--text: unset;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.token.variable,
|
|
.token[class*="placeholder"] {
|
|
--sl-color-code--text: #006666;
|
|
font-weight: normal;
|
|
}
|