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

fix(typography): improve global link colour and hover state

Browse Source 
Changes the base link rule from a plain blue primary colour to the
site's accent orange (--color-accent-strong) with no underline, matching
the live site's link treatment. Adds a :hover/:active state that shifts
to the lighter accent, and carves out a.button so CTA buttons keep their
primary-colour label text.
This commit is contained in:
DeCentN2Madness
2026-06-17 14:22:47 -07:00
parent d0d8222e40
commit d348174f95
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/styles/typography.css
+3 -1
View File
@@ -8,7 +8,9 @@ h1, h2, h3 { color: var(--color-primary); font-family: var(--font-heading); line
h1 { font-size: clamp(2.5rem, 5vw, 3rem); line-height: 1.12; margin: 0 0 var(--space-md); }
h2 { font-size: clamp(2rem, 4vw, 2.4rem); line-height: 1.25; }
h3 { font-size: clamp(1.5rem, 3vw, 2rem); }
a { color: var(--color-primary); }
a, a:visited { color: var(--color-accent-strong); text-decoration: none; }
a:hover, a:active { color: var(--color-accent); }
a.button { color: var(--color-primary) }
.eyebrow { color: var(--color-secondary); font-size: .8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lede, .hero-copy { color: var(--color-muted); font-size: 1.25rem; }
.script-label { color: var(--color-accent-strong); font-family: var(--font-accent); font-size: 2rem; margin: 0; }