fix: rework mobile nav as fixed overlay, add 3-line burger
- 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>
This commit is contained in:
parent
f7f3d0f0b5
commit
4ad7073687
9 changed files with 130 additions and 76 deletions
|
|
@ -1,5 +1,5 @@
|
|||
section#handles {
|
||||
margin: 5rem var(--padding-body);
|
||||
padding: 10rem 15vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -37,11 +37,13 @@ section#handles {
|
|||
color: var(--color-blue);
|
||||
font-size: var(--font-size-s);
|
||||
|
||||
font-weight: 500;
|
||||
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0.7rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
p {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
.step:hover {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue