Update gap size in layout and change logo text color for improved aesthetics

This commit is contained in:
Matt Batchelder
2026-02-21 21:51:30 -05:00
parent 82d6ecba1e
commit 59295b15db

View File

@@ -297,7 +297,7 @@ p:last-child { margin-bottom: 0; }
flex-shrink: 0; flex-shrink: 0;
max-height: 80px; max-height: 80px;
overflow: hidden; overflow: hidden;
gap: .75rem; gap: 1.25rem;
} }
.site-logo a { display: flex; align-items: center; } .site-logo a { display: flex; align-items: center; }
.custom-logo-link { display: flex; align-items: center; } .custom-logo-link { display: flex; align-items: center; }
@@ -319,7 +319,7 @@ p:last-child { margin-bottom: 0; }
letter-spacing: -.01em; letter-spacing: -.01em;
transition: color var(--transition); transition: color var(--transition);
} }
.logo-text strong { font-weight: 800; color: var(--color-accent); } .logo-text strong { font-weight: 800; color: var(--color-primary); }
/* When header is over a light hero (set by JS) — unscrolled only */ /* When header is over a light hero (set by JS) — unscrolled only */
.site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); } .site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }