fs/tsv08kulmbach-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer-Headings auf 28px (neuer Token --fs-650) + Letter-Spacing für Coolvetica-Lesbarkeit

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-06-11 22:07:56 +02:00
parent 0bccc6f440
commit 546f1ca059
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/assets/css/layout.css
View File

@@ -274,11 +274,13 @@
color: var(--clr-text); color: var(--clr-text);
} }
/* Spalten-Headings mit rotem Akzentstrich */ /* Spalten-Headings mit rotem Akzentstrich — Coolvetica ist schmal,
braucht hier mehr Größe + Laufweite für Lesbarkeit */
.site-footer__heading { .site-footer__heading {
font-size: var(--fs-600); font-size: var(--fs-650);
letter-spacing: 0.06em;
margin-bottom: 1.1rem; margin-bottom: 1.1rem;
padding-bottom: 0.5rem; padding-bottom: 0.6rem;
position: relative; position: relative;
} }

1
public/assets/css/tokens.css
View File

@@ -29,6 +29,7 @@
--fs-400: 0.9375rem; /* 15px Footer, Meta */ --fs-400: 0.9375rem; /* 15px Footer, Meta */
--fs-500: 1.125rem; /* 18px Navigation */ --fs-500: 1.125rem; /* 18px Navigation */
--fs-600: 1.3125rem; /* 21px Body */ --fs-600: 1.3125rem; /* 21px Body */
--fs-650: 1.75rem; /* 28px Zwischengröße (z.B. Footer-Headings) */
--fs-700: clamp(2rem, 1.2rem + 3.5vw, 3.125rem); /* 50px h3 */ --fs-700: clamp(2rem, 1.2rem + 3.5vw, 3.125rem); /* 50px h3 */
--fs-800: clamp(2.25rem, 1.3rem + 4.5vw, 3.75rem); /* 60px h2 */ --fs-800: clamp(2.25rem, 1.3rem + 4.5vw, 3.75rem); /* 60px h2 */
--fs-900: clamp(3rem, 1.75rem + 5.5vw, 6rem); /* 96px h1 */ --fs-900: clamp(3rem, 1.75rem + 5.5vw, 6rem); /* 96px h1 */