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 { 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; z-index: 48;
box-sizing: border-box;
} }
.nav-menu-toggle { .nav-menu-toggle {
@ -23,10 +24,10 @@ nav.main-menu {
} }
&__main-links { &__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 { li {
a { 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; text-decoration: none;
&:hover { &:hover {
@ -35,13 +36,13 @@ nav.main-menu {
} }
&:nth-child(2) { &:nth-child(2) {
a { 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 { &__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 { a {
@apply text-white text-xl font-semibold; @apply text-white text-xl font-semibold;
text-decoration: none; text-decoration: none;