Fix: remove prose width constraint, bigger brighter tags
This commit is contained in:
parent
077fd9ebba
commit
35bd695c58
2 changed files with 12 additions and 32 deletions
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue