4ad7073687
- Nav menu is now a fixed fullscreen overlay (opacity fade) - Header stays at 3.5rem height, no height animation - Burger has 3 lines, middle fades out on open - Body scroll locked with overflow: hidden when menu open - Various mobile layout fixes (handles, system, footer padding) - Header full-width with no border-radius on mobile Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
38 lines
628 B
SCSS
38 lines
628 B
SCSS
body {
|
|
> header {
|
|
box-sizing: border-box;
|
|
position: sticky;
|
|
z-index: 999;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
padding: 1.5rem var(--padding-body);
|
|
box-sizing: border-box;
|
|
|
|
.nav-logo,
|
|
.burger {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
li {
|
|
a {
|
|
padding: 0.75rem;
|
|
}
|
|
}
|
|
|
|
li:not(:first-child) {
|
|
font-size: var(--font-size-s);
|
|
text-transform: uppercase;
|
|
}
|
|
li:first-child {
|
|
width: 30%;
|
|
font-size: 1.5625rem;
|
|
}
|
|
}
|
|
}
|
|
}
|