diff options
Diffstat (limited to 'src/site.css')
-rw-r--r-- | src/site.css | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/src/site.css b/src/site.css new file mode 100644 index 0000000..751197c --- /dev/null +++ b/src/site.css @@ -0,0 +1,81 @@ +:root { + --background-color: #fff; + --text-color: #333; + --muted-color: #999; + --accent-color: #ccc; + --link-color: #09e; + --header-color: #4a0; +} + +@media print { + :root { + --background-color: #fff; + --text-color: #000; + --muted-color: #000; + --accent-color: rgba(0, 0, 0, 0); + --link-color: #000; + --header-color: #000; + } +} + +@media (prefers-color-scheme: dark) { + :root { + --background-color: #222; + --text-color: #bbb; + --muted-color: #999; + --accent-color: #666; + } +} + +html { + background-color: var(--background-color); + font-family: sans-serif; + color: var(--text-color); + padding: 0; + margin: 0; +} + +body { + padding: 0; + margin: 0; +} + +main { + max-width: 600px; + margin-left: auto; + margin-right: auto; + padding: 1em; +} + +a { + color: var(--link-color); +} + +h1, +h2, +h1 a, +h2 a { + color: var(--header-color); +} + +p, li { + line-height: 1.5; +} + +li { + margin-bottom: 1em; +} + +aside { + padding: 0 1em; + margin: 2em 0; + font-size: 1.2em; + border-left: 5px solid var(--accent-color); +} + +footer { + border-top: 2px solid var(--accent-color); + color: var(--muted-color); + padding-top: 1em; + font-size: 0.9em; +} |