Fix: remove prose width constraint, bigger brighter tags

This commit is contained in:
Vigilio Desto 2026-04-12 17:56:09 +02:00
parent 077fd9ebba
commit 35bd695c58
Signed by: Vigo
GPG key ID: 159D6AD58C8E55E9
2 changed files with 12 additions and 32 deletions

View file

@ -47,17 +47,7 @@ body {
font-family: var(--garden-font); font-family: var(--garden-font);
} }
/* ── Prose constraint — the garden is not a billboard ──────── */ /* ── Layout — let ASW handle width ─────────────────────────── */
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);
}
/* ── Links — violet accent, indigo hover ──────────────────── */ /* ── Links — violet accent, indigo hover ──────────────────── */
a { a {
@ -127,12 +117,12 @@ pre {
/* ── Tags ─────────────────────────────────────────────────── */ /* ── Tags ─────────────────────────────────────────────────── */
[data-tag] { [data-tag] {
font-size: var(--font-size-00); font-size: var(--font-size-0);
color: var(--garden-text-faint); color: var(--garden-text-dim);
text-decoration: none; text-decoration: none;
border: 1px solid var(--garden-border); border: 1px solid oklch(30% 0.04 270);
padding: 0.1em 0.4em; padding: 0.2em 0.6em;
border-radius: var(--radius-1); border-radius: var(--radius-2);
} }
[data-tag]:hover { [data-tag]:hover {
color: var(--garden-dialogue); color: var(--garden-dialogue);

View file

@ -47,17 +47,7 @@ body {
font-family: var(--garden-font); font-family: var(--garden-font);
} }
/* ── Prose constraint — the garden is not a billboard ──────── */ /* ── Layout — let ASW handle width ─────────────────────────── */
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);
}
/* ── Links — violet accent, indigo hover ──────────────────── */ /* ── Links — violet accent, indigo hover ──────────────────── */
a { a {
@ -127,12 +117,12 @@ pre {
/* ── Tags ─────────────────────────────────────────────────── */ /* ── Tags ─────────────────────────────────────────────────── */
[data-tag] { [data-tag] {
font-size: var(--font-size-00); font-size: var(--font-size-0);
color: var(--garden-text-faint); color: var(--garden-text-dim);
text-decoration: none; text-decoration: none;
border: 1px solid var(--garden-border); border: 1px solid oklch(30% 0.04 270);
padding: 0.1em 0.4em; padding: 0.2em 0.6em;
border-radius: var(--radius-1); border-radius: var(--radius-2);
} }
[data-tag]:hover { [data-tag]:hover {
color: var(--garden-dialogue); color: var(--garden-dialogue);