Update gap size in layout and change logo text color for improved aesthetics
This commit is contained in:
@@ -297,7 +297,7 @@ p:last-child { margin-bottom: 0; }
|
||||
flex-shrink: 0;
|
||||
max-height: 80px;
|
||||
overflow: hidden;
|
||||
gap: .75rem;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
.site-logo a { 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;
|
||||
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 */
|
||||
.site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }
|
||||
|
||||
Reference in New Issue
Block a user