From 47cf4d865232f15e5e95ab52da08a165729d68ff Mon Sep 17 00:00:00 2001 From: Ruben Date: Wed, 14 Jan 2026 14:40:44 +0100 Subject: [PATCH] Cleanup --- app/default/styles/styles.css | 36 +++++++++++++---------------------- 1 file changed, 13 insertions(+), 23 deletions(-) diff --git a/app/default/styles/styles.css b/app/default/styles/styles.css index 86203ca..2c8d029 100644 --- a/app/default/styles/styles.css +++ b/app/default/styles/styles.css @@ -1,4 +1,3 @@ -/* Variables */ :root { --color-text: oklch(20% 0 0); --color-background: oklch(98% 0 0); @@ -6,18 +5,17 @@ --color-accent-light: oklch(95% 0.05 250); --color-border: oklch(85% 0 0); --color-muted: oklch(50% 0 0); - + --space-xs: 0.5rem; --space-s: 1rem; --space-m: 2rem; --space-l: 4rem; - + --size-content: 65ch; --size-constrained: 42rem; --size-wide: 90rem; } -/* Base */ * { box-sizing: border-box; } @@ -32,7 +30,7 @@ html { body { margin: 0; display: grid; - grid-template-columns: + grid-template-columns: [full-start] minmax(var(--space-s), 1fr) [content-start] minmax(0, var(--size-constrained)) [content-end] minmax(var(--space-s), 1fr) @@ -41,7 +39,6 @@ body { min-height: 100vh; } -/* Typography */ h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin-block: 1.5em 0.5em; @@ -56,17 +53,15 @@ p, ul, ol, dl { margin-block: 1em; } -/* Links */ a { color: var(--color-accent); text-underline-offset: 0.2em; - + &:hover { text-decoration: none; } } -/* Layout */ header, main, footer { grid-column: content; } @@ -78,29 +73,29 @@ header { flex-wrap: wrap; gap: var(--space-s); align-items: center; - + & nav { display: flex; gap: var(--space-s); flex-wrap: wrap; - + &:first-child { flex: 1; } - + & a { text-decoration: none; - + &:hover { text-decoration: underline; } - + &[aria-current] { font-weight: bold; } } } - + & .language-switcher { margin-inline-start: auto; } @@ -115,26 +110,24 @@ footer { padding-block: var(--space-s); font-size: 0.875rem; color: var(--color-muted); - + & nav { display: flex; gap: var(--space-s); margin-block-end: var(--space-xs); } - + & p { margin: 0; } } -/* Images */ img { max-width: 100%; height: auto; display: block; } -/* Code */ code { background: var(--color-accent-light); padding: 0.125em 0.25em; @@ -147,14 +140,13 @@ pre { padding: var(--space-s); border-radius: 0.5em; overflow-x: auto; - + & code { background: none; padding: 0; } } -/* Tables */ table { border-collapse: collapse; width: 100%; @@ -171,7 +163,6 @@ th { font-weight: bold; } -/* Blockquote */ blockquote { margin-inline: 0; padding-inline-start: var(--space-s); @@ -179,7 +170,6 @@ blockquote { color: var(--color-muted); } -/* Article metadata */ article { & time { color: var(--color-muted);