diff options
Diffstat (limited to 'src/style.css')
-rw-r--r-- | src/style.css | 63 |
1 files changed, 51 insertions, 12 deletions
diff --git a/src/style.css b/src/style.css index cdde775..8e37c5f 100644 --- a/src/style.css +++ b/src/style.css @@ -6,6 +6,20 @@ color-scheme: light dark; } +@media (prefers-color-scheme: light) { + :root { + --fg: black; + --bg: white; + } +} + +@media (prefers-color-scheme: dark) { + :root { + --fg: white; + --bg: black; + } +} + body { text-align: justify; width: min(800px, 90%); @@ -23,19 +37,8 @@ blockquote + figcaption { font-style: italic; } -@media (prefers-color-scheme: light) { - .quote { - border-left: 4px solid black; - } -} - -@media (prefers-color-scheme: dark) { - .quote { - border-left: 4px solid white; - } -} - .quote { + border-left: 4px solid var(--fg); padding: .4rem .8rem; margin-inline: 1rem 0; margin-block: 2rem; @@ -77,3 +80,39 @@ header div.head menu { header div.head li { list-style: none; } + +.article { + display: flex; + justify-content: space-between; +} + +figure pre.code-sample { + overflow-x: scroll; +} + +figure pre.code-sample > code { + counter-increment: line; +} + +figure pre.code-sample > code::before { + position: absolute; + + margin-left: -4ch; + padding-right: .5ch; + width: 3ch; + + text-align: right; + content: counter(line); + color: var(--fg); + border-right: 1px solid var(--fg); +} + +footer { + margin-block: 2rem; + text-align: center; + font-style: italic; +} + +ins, del { text-decoration: none; } +ins { color: green; } +del { color: red; } |