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

refining responsiveness

Browse Source
This commit is contained in:
Antoine M 2024-05-16 18:00:35 +02:00
parent 1a33044bcf
commit 3639c6b125
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,21 +16,22 @@ nav.main-menu {
@apply overflow-y-auto; @apply overflow-y-auto;
} }
.menu { .menu {
@apply bg-lhoist w-full h-screen fixed bottom-0 left-0; @apply bg-lhoist pl-6 w-full h-screen fixed bottom-0 left-0 flex flex-col justify-between;
height: 100dvh; height: 100dvh;
box-sizing: border-box; box-sizing: border-box;
// &[open] { // &[open] {
// @apply block; // @apply block;
// } // }
.cta--close { .cta--close {
@apply absolute top-8 right-8 p-8; @apply absolute top-8 right-8 p-8;
} }
&__main-links { &__main-links {
@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; @apply list-none flex flex-col gap-6 md:h-full pt-24 md:pt-0 justify-center w-full pl-0 xl:pl-32;
li { li {
a { a {
@apply text-white text-5xl xl:text-9xl text-zuume font-bold block; @apply text-white text-5xl md:text-6xl lg:text-8xl xl:text-9xl text-zuume font-bold block;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@ -46,6 +47,7 @@ nav.main-menu {
} }
&__legal-mentions { &__legal-mentions {
@apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none; @apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none;
padding-inline-start: 0;
a { a {
@apply text-white text-xl font-semibold; @apply text-white text-xl font-semibold;
text-decoration: none; text-decoration: none;