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;
|
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); }
|
||||||
|
|||||||
Reference in New Issue
Block a user