Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining responsive

Browse Source
This commit is contained in:
Antoine M 2024-05-08 14:32:59 +02:00
parent 522c2c9cf3
commit 25d06cfd2c
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/css/components/layout/Nav.scss
View File

@ -1,6 +1,7 @@
nav.main-menu {
@apply absolute top-0 py-3 pr-12 w-full flex gap-6 justify-end;
@apply absolute top-0 left-0 py-3 pr-6 w-full flex gap-6 justify-end;
z-index: 48;
box-sizing: border-box;
}
.nav-menu-toggle {
@ -23,10 +24,10 @@ nav.main-menu {
}
&__main-links {
@apply list-none flex flex-col gap-6 h-full justify-center w-fit pl-32;
@apply list-none flex flex-col gap-6 md:h-full pt-24 md:pt-0 justify-center w-full pl-4 xl:pl-32;
li {
a {
@apply text-white text-9xl text-zuume font-bold block;
@apply text-white text-5xl xl:text-9xl text-zuume font-bold block;
text-decoration: none;
&:hover {
@ -35,13 +36,13 @@ nav.main-menu {
}
&:nth-child(2) {
a {
@apply ml-16 flex items-center gap-8;
@apply md:ml-16 flex flex-col md:flex-row items-start md:items-center gap-x-8;
}
}
}
}
&__legal-mentions {
@apply absolute bottom-8 right-8 flex gap-6 list-none;
@apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none;
a {
@apply text-white text-xl font-semibold;
text-decoration: none;