Catcrafts/catcrafts.net
Watch
2
0
Fork
You've already forked catcrafts.net
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changes
Some checks failed
Deploy / build-deploy (push) Has been cancelled
Details

Browse source
This commit is contained in:
Jorijn van der Graaf 2026-08-05 22:32:03 +02:00
commit 054a26475c
4 changed files with 33 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

20
styles/styles.css
View file

@ -268,16 +268,21 @@ treatment it replaces, which read as the wrong category for the work.
.nav-link--active { color: var(--accent); }
.nav-link--active:hover { color: var(--accent-hover); }
/* hero — no headline by choice: the h1 is visually hidden (see RenderHome)
and this paragraph opens the page, so it gets full text colour and a size
step up from body copy rather than the muted supporting-text treatment it
had when a title sat above it. */
/* hero — no VISIBLE headline by choice: a slogan-shaped heading is the
marketing register this site refuses. The mission sentence itself is the
h1 (document outline, crawlers) but wears body-prose clothes: same size
step, weight and rhythm as the paragraph that completes it, so the two
render as one block of text. */
.hero { max-width: var(--measure); }
.hero__lede {
font-size: var(--step-1);
color: var(--text);
text-wrap: balance;
}
h1.hero__lede {
font-weight: 400;
line-height: inherit;
}
.hero__actions {
margin-top: var(--s1);
display: flex;
@ -902,13 +907,6 @@ treatment it replaces, which read as the wrong category for the work.
/* ─── utilities ─────────────────────────────────────────────────────── */
@layer utilities {
.visually-hidden {
position: absolute;
width: 1px; height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.text-muted { color: var(--text-muted); }
}