etoiledebethleem/website
4
1
Fork 0
Code Issues 5 Pull requests 1 Projects 1 Releases Packages Activity Actions

fix(header): fixed position mobile nav

Browse source
This commit is contained in:
Matthieu Bessat 2024-03-11 07:49:04 +01:00
parent 295fd308e4
commit 68914463d0
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/sass/footer.scss
View file

@ -104,7 +104,12 @@ body {
.site-footer-socials { .site-footer-socials {
justify-content: center; justify-content: center;
margin-bottom: 2.5rem; margin-bottom: 2rem;
flex-wrap: wrap;
padding: 0 .5rem;
li {
margin-bottom: 1rem;
}
} }
.inline-menu-list { .inline-menu-list {

7
assets/sass/header.scss
View file

@ -120,11 +120,9 @@ $burger-menu-size: 4rem;
display: none; display: none;
opacity: 0; opacity: 0;
position: fixed; position: fixed;
top: 0; top: 8rem;
left: 0; left: 5rem;
z-index: 1000; z-index: 1000;
width: 100%;
height: 100vh;
// transition: all 0.8s; // transition: all 0.8s;
justify-content: center; justify-content: center;
@ -168,7 +166,6 @@ $burger-menu-size: 4rem;
.checkbox:checked ~ .nav { .checkbox:checked ~ .nav {
display: flex; display: flex;
width: 100%;
opacity: 1; opacity: 1;
// transition: opacity 0.8s ease-in-out; // transition: opacity 0.8s ease-in-out;
animation: navin .5s ease-in-out; animation: navin .5s ease-in-out;