diff --git a/public/css/garden.css b/public/css/garden.css index b076516..955942f 100644 --- a/public/css/garden.css +++ b/public/css/garden.css @@ -47,17 +47,7 @@ body { font-family: var(--garden-font); } -/* ── Prose constraint — the garden is not a billboard ──────── */ -main { - max-width: var(--garden-prose-width); - margin-inline: auto; - padding-inline: var(--size-fluid-2); -} - -main:has([data-layout="card-grid"]), -main:has([data-layout="grid"]) { - max-width: var(--garden-wide-width); -} +/* ── Layout — let ASW handle width ─────────────────────────── */ /* ── Links — violet accent, indigo hover ──────────────────── */ a { @@ -127,12 +117,12 @@ pre { /* ── Tags ─────────────────────────────────────────────────── */ [data-tag] { - font-size: var(--font-size-00); - color: var(--garden-text-faint); + font-size: var(--font-size-0); + color: var(--garden-text-dim); text-decoration: none; - border: 1px solid var(--garden-border); - padding: 0.1em 0.4em; - border-radius: var(--radius-1); + border: 1px solid oklch(30% 0.04 270); + padding: 0.2em 0.6em; + border-radius: var(--radius-2); } [data-tag]:hover { color: var(--garden-dialogue); diff --git a/static/css/garden.css b/static/css/garden.css index b076516..955942f 100644 --- a/static/css/garden.css +++ b/static/css/garden.css @@ -47,17 +47,7 @@ body { font-family: var(--garden-font); } -/* ── Prose constraint — the garden is not a billboard ──────── */ -main { - max-width: var(--garden-prose-width); - margin-inline: auto; - padding-inline: var(--size-fluid-2); -} - -main:has([data-layout="card-grid"]), -main:has([data-layout="grid"]) { - max-width: var(--garden-wide-width); -} +/* ── Layout — let ASW handle width ─────────────────────────── */ /* ── Links — violet accent, indigo hover ──────────────────── */ a { @@ -127,12 +117,12 @@ pre { /* ── Tags ─────────────────────────────────────────────────── */ [data-tag] { - font-size: var(--font-size-00); - color: var(--garden-text-faint); + font-size: var(--font-size-0); + color: var(--garden-text-dim); text-decoration: none; - border: 1px solid var(--garden-border); - padding: 0.1em 0.4em; - border-radius: var(--radius-1); + border: 1px solid oklch(30% 0.04 270); + padding: 0.2em 0.6em; + border-radius: var(--radius-2); } [data-tag]:hover { color: var(--garden-dialogue);