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;
}
.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;
box-sizing: border-box;
// &[open] {
// @apply block;
// }
.cta--close {
@apply absolute top-8 right-8 p-8;
}
&__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 {
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;
&:hover {
@ -46,6 +47,7 @@ nav.main-menu {
}
&__legal-mentions {
@apply md:absolute pt-20 bottom-8 right-8 flex flex-col md:flex-row gap-6 list-none;
padding-inline-start: 0;
a {
@apply text-white text-xl font-semibold;
text-decoration: none;