Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menu adjustements

Browse Source
This commit is contained in:
Antoine M 2024-01-11 11:27:57 +01:00
parent 15e74795f2
commit f359580914
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
resources/css/layout/menu-renovateur.css
View File

@ -18,6 +18,7 @@
content: '';
}
}
/* overflow: scroll; */
.website_logo {
@apply order-1
@ -45,17 +46,15 @@
/* relative */;
> .menu-item {
@apply text-black
font-bold;
&:hover > a,
&:hover > button,
> a:focus,
> button:focus {
@apply bg-gray;
}
@apply text-black
/* lg:relative */
font-bold;
}
/* Generic Submenu Item */
.sub-menu {
@ -65,20 +64,22 @@
w-full
py-8
px-12
bg-white
xl:px-0
fixed
lg:absolute
top-[5.5rem]
lg:top-0
top-0
lg:min-h-0
bottom-0;
bottom-0
overflow-y-scroll
lg:overflow-visible;
isolation: isolate;
&:after {
content: '';
transform: translateX(-50%);
@apply bg-white w-screen h-full shadowed-bottom absolute top-0 left-1/2 -z-10;
@apply hidden lg:block bg-white w-screen h-full shadowed-bottom absolute top-0 left-1/2 -z-10;
}
.sub-menu__navlist {
/* max-width: 1401px; */
@ -90,19 +91,19 @@
}
}
@screen lg {
transform: translateY(100%);
top: unset;
}
&--closed {
@apply hidden;
}
&--open {
@apply block;
touch-action: none;
body {
overflow: hidden;
}
@screen lg {
transform: translateY(100%);
top: unset;
&--open {
animation: translate-in 400ms forwards cubic-bezier(0, 0.51, 0.23, 0.99),
fade-in 300ms forwards ease-out;
}
}
}
@ -113,11 +114,12 @@
@apply grid md:grid-cols-2;
&__item a {
@apply flex gap-4 py-2;
@apply flex gap-4 py-2 items-start;
}
&__thematique-icon {
max-width: 60px;
@apply mt-1;
}
&__description {
@apply text-sm font-normal;