studio-variable/le-courage-du-reel
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: rework mobile nav as fixed overlay, add 3-line burger

Browse source 
- 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:
isUnknown 2026-02-23 19:05:31 +01:00
parent f7f3d0f0b5
commit 4ad7073687
9 changed files with 130 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/css/src/_section_5-handles.scss
View file

@ -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 {