adam/seahaven-site
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/seahaven-site.git synced 2026-10-06 23:51:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(css): drop dead classes + nav !important hacks

Browse source 
Remove unused .display-xl/.body-lg/.body-sm. Replace the 4 !important
nav-hover overrides with specificity-correct hover rules in home.css
(transparent homepage nav) so the cascade resolves without !important.
No visual change.
This commit is contained in:
Adam Moussa 2026-06-12 17:23:11 -04:00
parent 5ee640074c
commit 999249c0fe
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/css/home.css
View file

@ -19,6 +19,14 @@
color: #fff; color: #fff;
} }
.site-header:not(.scrolled) .nav-hamburger { color: #fff; } .site-header:not(.scrolled) .nav-hamburger { color: #fff; }
/* Hover on the transparent (homepage, not-scrolled) nav — these win on
specificity so main.css's hover rules no longer need !important. */
.site-header:not(.scrolled) .nav-links a:hover { color: var(--rose); }
.site-header:not(.scrolled) .nav-cta:hover {
background: var(--rose);
border-color: var(--rose);
color: #fff;
}
/* ── Hero ── */ /* ── Hero ── */
.hero { .hero {

16
assets/css/main.css
View file

@ -65,12 +65,6 @@ a { color: inherit; text-decoration: none; }
} }
/* ── Typography ── */ /* ── Typography ── */
.display-xl {
font-family: var(--font-display);
font-size: clamp(2.8rem, 6vw, 5.5rem);
line-height: 1.05;
letter-spacing: -0.02em;
}
.display-lg { .display-lg {
font-family: var(--font-display); font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3.5rem); font-size: clamp(2rem, 4vw, 3.5rem);
@ -89,8 +83,6 @@ a { color: inherit; text-decoration: none; }
text-transform: uppercase; text-transform: uppercase;
color: var(--rose); color: var(--rose);
} }
.body-lg { font-size: 1.125rem; line-height: 1.7; }
.body-sm { font-size: 0.875rem; line-height: 1.6; color: var(--text-muted); }
/* ── Buttons ── */ /* ── Buttons ── */
.btn { .btn {
@ -174,7 +166,7 @@ a { color: inherit; text-decoration: none; }
color: var(--ink-mid); color: var(--ink-mid);
transition: color 0.15s; transition: color 0.15s;
} }
.nav-links a:hover { color: var(--rose) !important; } .nav-links a:hover { color: var(--rose); }
.nav-cta { .nav-cta {
font-size: 0.8125rem; font-size: 0.8125rem;
@ -187,9 +179,9 @@ a { color: inherit; text-decoration: none; }
transition: all 0.2s; transition: all 0.2s;
} }
.nav-cta:hover { .nav-cta:hover {
background: var(--rose) !important; background: var(--rose);
border-color: var(--rose) !important; border-color: var(--rose);
color: #fff !important; color: #fff;
} }
.nav-hamburger { .nav-hamburger {