diff options
author | Thomas Voss <mail@thomasvoss.com> | 2023-08-15 14:57:32 +0200 |
---|---|---|
committer | Thomas Voss <mail@thomasvoss.com> | 2023-08-15 14:57:32 +0200 |
commit | d5635e946e9df6f519ec8cf08cebfc35dbe6c788 (patch) | |
tree | 46893cffdf23a2b15f8b7839c69d5df2bcbb8bca /src/style.css | |
parent | cfa35dcb2d332977e80a5811b6d42e9949bd4814 (diff) |
Add a post on ‘mmv’
Diffstat (limited to 'src/style.css')
-rw-r--r-- | src/style.css | 36 |
1 files changed, 26 insertions, 10 deletions
diff --git a/src/style.css b/src/style.css index 30e895d..ea9dc56 100644 --- a/src/style.css +++ b/src/style.css @@ -7,6 +7,7 @@ --accent: #DE935F; --lesser: #969896; --green: #B5BD68; + --aqua: #8ABEB7; --blue: #81A2BE; --red: #C66; } @@ -26,7 +27,7 @@ body > * { grid-column: 2; } pre, code, kbd, samp { font-family: var(--mono); - font-size: 0.8rem; + font-size: 0.9rem; color: var(--accent); overflow-wrap: none; } @@ -37,7 +38,8 @@ h1 { font-size: 1.8rem; margin-bottom: 0; } -h2 { font-size: 1.2rem; } +h2 { font-size: 1.2rem; } +:is(h1, h2) > code { font-size: 1em; } a { color: var(--accent); } a:hover { text-decoration: none; } @@ -107,12 +109,14 @@ figure > pre > code::before { background-color: var(--bg); } -figure > img { +figure > :where(img, object) { display: block; margin: 16px auto; - width: 50%; } +figure > img { width: 50%; } +figure > object { width: 100%; } + header > div { display: flex; justify-content: space-between; @@ -125,10 +129,21 @@ header > div menu { } header > div li { list-style: none; } -.c-cmt { color: var(--lesser); } -.c-fn { color: var(--accent); } -.c-kw { color: var(--green); } -.c-pp { color: var(--blue); } +p { margin-top: 0; } + +dl { + display: grid; + grid-template-columns: max-content auto; +} + +.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); } +.c-kw, .sh-kw { color: var(--green); } +.c-pp { color: var(--blue); } + .sh-str { color: var(--aqua); } + .sh-hd { color: var(--aqua); } + .diff-ins { color: var(--green); } .diff-del { color: var(--red); } .diff-loc { color: var(--lesser); } @@ -136,10 +151,10 @@ header > div li { list-style: none; } @media (min-width: 40em) { body { - font-size: 1.2rem; + font-size: 1.3rem; line-height: 1.5; } - pre, code, kbd, samp { font-size: 1rem; } + pre, code, kbd, samp { font-size: 1.2rem; } h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } @@ -178,6 +193,7 @@ header > div li { list-style: none; } abbr.cpu::before { content: 'Central Processing Unit'; } abbr.ec::before { content: 'Embedded Controller'; } + abbr.gnu::before { content: 'GNU’s Not UNIX'; } abbr.html::before { content: 'Hypertext Markup Language'; } abbr.led::before { content: 'Light-Emitting Diode'; } abbr.rgb::before { content: 'Red Green Blue'; } |