diff options
| author | Ivar Løvlie <38570165+ivarlovlie@users.noreply.github.com> | 2026-03-31 12:27:46 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-03-31 12:27:46 +0200 |
| commit | 8d7cda6e578e684483c0b5c7391c48e5b9ac5192 (patch) | |
| tree | d2b6506db2de72b3a6982cfbe69925b88936de90 /styles | |
| parent | 33f214f6cd9729473bb55fd7b3b923d5d960bb98 (diff) | |
| parent | 3cb7c82cf7c4e050148f69be23590a7fbe587a27 (diff) | |
| download | nebbet.no-8d7cda6e578e684483c0b5c7391c48e5b9ac5192.tar.xz nebbet.no-8d7cda6e578e684483c0b5c7391c48e5b9ac5192.zip | |
Merge pull request #1 from ivarlovlie/claude/static-site-sqlite-setup-mrcAr
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/admin.css | 17 | ||||
| -rw-r--r-- | styles/main.css | 49 |
2 files changed, 66 insertions, 0 deletions
diff --git a/styles/admin.css b/styles/admin.css new file mode 100644 index 0000000..da2ebe9 --- /dev/null +++ b/styles/admin.css @@ -0,0 +1,17 @@ +/* Admin-specific styles */ + +body.admin { + --color-bg: #f8f8f8; +} + +.admin-nav { + max-width: var(--max-width); + margin: 0 auto 2rem; + padding-bottom: 0.5rem; + border-bottom: 1px solid #ddd; + font-size: 0.9em; +} + +.admin-nav a { + margin-right: 1rem; +} diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..d7a47f6 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,49 @@ +/* nebbet.no — shared styles */ + +*, *::before, *::after { + box-sizing: border-box; +} + +:root { + --color-bg: #ffffff; + --color-text: #1a1a1a; + --color-link: #0057b7; + --color-muted: #666666; + --font-body: system-ui, sans-serif; + --font-mono: ui-monospace, monospace; + --max-width: 72ch; +} + +body { + margin: 0; + padding: 2rem 1rem; + background: var(--color-bg); + color: var(--color-text); + font-family: var(--font-body); + line-height: 1.6; +} + +main { + max-width: var(--max-width); + margin: 0 auto; +} + +a { + color: var(--color-link); +} + +pre, code { + font-family: var(--font-mono); + font-size: 0.9em; +} + +pre { + overflow-x: auto; + padding: 1rem; + background: #f5f5f5; + border-radius: 4px; +} + +img { + max-width: 100%; +} |