diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index aab4147..b642fad 100644 --- a/src/style.css +++ b/src/style.css @@ -11,6 +11,8 @@ --blue: #81A2BE; --red: #C66; --salmon: #FA8072; + --yellow: #F0E68C; + --grey: #B3B3B3; } @font-face { @@ -62,6 +64,9 @@ pre, code, kbd, samp { pre > code { color: var(--fg); } :not(pre) > code { white-space: nowrap; } +pre.js { tab-size: 4; } +pre.pug, pre.gsp { tab-size: 2; } + h1 { font-size: 1.8rem; margin-bottom: 0; @@ -164,6 +169,7 @@ dl { grid-template-columns: max-content auto; } +/* Old classes */ .c-cmt, .sh-cmt { color: var(--lesser); font-style: italic; } .sh-var { color: var(--blue); font-style: italic; } .c-fn, .sh-fn { color: var(--accent); } @@ -173,11 +179,28 @@ dl { .sh-hd { color: var(--aqua); } .sh-ex { color: var(--salmon); } +/* New classes */ +.fn { color: var(--accent); } +.var { color: var(--blue); } +.str { color: var(--aqua); } + .diff-ins { color: var(--green); } .diff-del { color: var(--red); } .diff-loc { color: var(--lesser); } .diff-meta { font-weight: bold; } +.md-delim { color: var(--grey); } +.md-head { + color: var(--yellow); + font-weight: bold; +} + +.pug-node, .gsp-node { color: var(--accent); } +.pug-cont { color: var(--lesser); } +.gsp-attr { color: var(--green); } +.gsp-val { color: var(--aqua); } +.gsp-op { color: var(--lesser); } + @media (min-width: 40em) { body { font-size: 1.3rem; @@ -221,6 +244,7 @@ dl { pointer-events: none; } + abbr.ast::before { content: 'Abstract Syntax Tree'; } abbr.cli::before { content: 'Command-Line Interface'; } abbr.cpu::before { content: 'Central Processing Unit'; } abbr.css::before { content: 'Cascading Stylesheets'; } @@ -230,8 +254,10 @@ dl { abbr.gsp::before { content: 'German Shorthaired Pointer'; } abbr.html::before { content: 'Hypertext Markup Language'; } abbr.it::before { content: 'Information Technology'; } + abbr.js::before { content: 'JavaScript'; } abbr.led::before { content: 'Light-Emitting Diode'; } abbr.nas::before { content: 'Network Attached Storage'; } + abbr.pdf::before { content: 'Portable Document Format'; } abbr.qr::before { content: 'Quick Response'; } abbr.rgb::before { content: 'Red Green Blue'; } abbr.sha::before { content: 'Secure Hash Algorithm'; } |