From d33ae8c862cca5b4e96a8ec3bdb2d758da173956 Mon Sep 17 00:00:00 2001 From: steering7253 Date: Sun, 26 Apr 2026 04:30:43 -0600 Subject: init --- static/base.css | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 static/base.css (limited to 'static/base.css') diff --git a/static/base.css b/static/base.css new file mode 100644 index 0000000..c0b1b8a --- /dev/null +++ b/static/base.css @@ -0,0 +1,103 @@ +html { + box-sizing: border-box; + --bg: oklch(0.99 0 0); + --fg: oklch(0 0 0); + --link-fg: oklch(0.428 0.088 249.2); + --text-decoration-color: oklch(0.85 0 0); + color: var(--fg); + background-color: var(--bg); + font-family: ui-sans-serif, system-ui, sans-serif; +} +*, *::before, *::after { + box-sizing: inherit; +} + +body { + padding: 8px; + margin: 0 auto; + max-width: 100ch; +} + +@media (prefers-color-scheme: dark) { + html { + --bg: oklch(0.239 0.004 264.5); + --fg: oklch(0.952 0.003 264.5); + --link-fg: oklch(0.71 0.127 248.6); + --text-decoration-color: oklch(0.42 0 0); + } +} + +pre, code { + font-size: inherit; + line-height: inherit; + font-family: ui-monospace, monospace; +} + +a:link { + text-decoration-color: var(--text-decoration-color); + text-decoration-thickness: 1.89px; + color: var(--link-fg); +} + +a:visited { + text-decoration-color: var(--text-decoration-color); + color: var(--link-fg); +} + +dl { + display: grid; + grid-template-columns: max-content 1fr; + column-gap: 1rem; + row-gap: 0.5rem; + dt { + font-weight: 700; + text-align: right; + } + dd { + margin: 0; + } +} + +nav.breadcrumbs { + ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + gap: 0.5rem; + li { + display: inline-flex; + align-items: center; + } + li + li::before { + content: "ยป"; + padding-right: 0.5rem; + } + li:nth-child(2)::before { + content: "::"; + padding-right: 0.5rem; + } + } +} + +pre { + overflow-x: auto; +} + +img { + max-width: 100%; + height: auto; +} + +.scrollable { + overflow-x: auto; +} + +table, th, td { + border-bottom: 1px solid contrast-color(var(--bg)); + border-collapse: collapse; + padding: 1ex; +} +table { + min-width: 100%; +} -- cgit v1.3.1-10-gc9f91