adam/seahaven-site
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/seahaven-site.git synced 2026-09-30 03:13:10 +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;
}
.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 {

16
assets/css/main.css
View file

@ -65,12 +65,6 @@ a { color: inherit; text-decoration: none; }
}
/* ── 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 {
font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3.5rem);
@ -89,8 +83,6 @@ a { color: inherit; text-decoration: none; }
text-transform: uppercase;
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 ── */
.btn {
@ -174,7 +166,7 @@ a { color: inherit; text-decoration: none; }
color: var(--ink-mid);
transition: color 0.15s;
}
.nav-links a:hover { color: var(--rose) !important; }
.nav-links a:hover { color: var(--rose); }
.nav-cta {
font-size: 0.8125rem;
@ -187,9 +179,9 @@ a { color: inherit; text-decoration: none; }
transition: all 0.2s;
}
.nav-cta:hover {
background: var(--rose) !important;
border-color: var(--rose) !important;
color: #fff !important;
background: var(--rose);
border-color: var(--rose);
color: #fff;
}
.nav-hamburger {