diff options
Diffstat (limited to 'src/man/style.css')
-rw-r--r-- | src/man/style.css | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/src/man/style.css b/src/man/style.css new file mode 100644 index 0000000..f1367e2 --- /dev/null +++ b/src/man/style.css @@ -0,0 +1,115 @@ +:root { + --serif: serif; + --mono: 'Iosevka Smooth'; + --bg: #1D1F21; + --fg: #C5C8C6; + --accent: #DE935F; +} + +@font-face { + font-family: 'Iosevka Smooth'; + src: url('/fonts/iosevka-regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Iosevka Smooth'; + src: url('/fonts/iosevka-italic.woff2') format('woff2'); + font-weight: normal; + font-style: italic; +} + +*, *::before, *::after { + box-sizing: border-box; +} + +html { + margin: 0 auto; + max-width: min(800px, 90%); +} + +body { + font-family: var(--serif); + font-variant-numeric: lining-nums; + text-align: justify; + color: var(--fg); + background-color: var(--bg); + tab-size: 4; +} + +header > div { + display: flex; + justify-content: space-between; + align-items: center; +} + +header > div menu { + display: flex; + gap: 2ch; +} + +header > div li { + list-style: none; +} + +hr { + margin-block: 4ch; +} + +h1 { + font-size: 1.8rem; + margin-bottom: 0; +} + +h2 { + font-size: 1.2em; +} + +a { + color: var(--accent); +} + +a:hover { + text-decoration: none; +} + +pre, code, kbd, samp { + font-family: var(--mono); + font-size: 0.9em; +} + +code { + white-space: nowrap; +} + +.head, .foot { + display: flex; + justify-content: space-between; +} + +.tbl { + width: 100%; + border-spacing: 0; + border-collapse: collapse; + border-width: 1px; +} + +.tbl :is(tr, td) { + border-width: 1px; +} + +.tbl + .tbl { + margin-block: 1em; +} + +.tbl td { + padding-inline: 8px; +} + +@media (min-width: 800px) { + body { + font-size: 1.3rem; + line-height: 1.5; + } +} |