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: ''; content: '';
} }
} }
/* overflow: scroll; */
.website_logo { .website_logo {
@apply order-1 @apply order-1
@ -45,17 +46,15 @@
/* relative */; /* relative */;
> .menu-item { > .menu-item {
@apply text-black
font-bold;
&:hover > a, &:hover > a,
&:hover > button, &:hover > button,
> a:focus, > a:focus,
> button:focus { > button:focus {
@apply bg-gray; @apply bg-gray;
} }
@apply text-black
/* lg:relative */
font-bold;
} }
/* Generic Submenu Item */ /* Generic Submenu Item */
.sub-menu { .sub-menu {
@ -65,20 +64,22 @@
w-full w-full
py-8 py-8
px-12 px-12
bg-white
xl:px-0 xl:px-0
fixed fixed
lg:absolute lg:absolute
top-[5.5rem] top-0
lg:top-0
lg:min-h-0 lg:min-h-0
bottom-0; bottom-0
overflow-y-scroll
lg:overflow-visible;
isolation: isolate; isolation: isolate;
&:after { &:after {
content: ''; content: '';
transform: translateX(-50%); 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 { .sub-menu__navlist {
/* max-width: 1401px; */ /* max-width: 1401px; */
@ -90,19 +91,19 @@
} }
} }
@screen lg {
transform: translateY(100%);
top: unset;
}
&--closed { &--closed {
@apply hidden; @apply hidden;
} }
&--open { &--open {
@apply block; @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; @apply grid md:grid-cols-2;
&__item a { &__item a {
@apply flex gap-4 py-2; @apply flex gap-4 py-2 items-start;
} }
&__thematique-icon { &__thematique-icon {
max-width: 60px; max-width: 60px;
@apply mt-1;
} }
&__description { &__description {
@apply text-sm font-normal; @apply text-sm font-normal;