109 lines
2.0 KiB
CSS
109 lines
2.0 KiB
CSS
.menu-renovateur {
|
|
@apply py-8
|
|
px-16
|
|
relative
|
|
bg-yellow-50
|
|
shadow-md
|
|
flex
|
|
flex-wrap
|
|
justify-between;
|
|
|
|
.logo {
|
|
@apply mr-12
|
|
w-[190px]
|
|
xl:w-[222px];
|
|
}
|
|
/* &__main-elements {
|
|
@apply w-full bg-red-200 flex justify-between items-center;
|
|
} */
|
|
&__navlist {
|
|
@apply md:flex justify-center gap-8 bg-green-200;
|
|
|
|
> li {
|
|
.page_icon {
|
|
@apply w-[50px] h-[50px];
|
|
}
|
|
@apply text-black
|
|
flex
|
|
lg:relative
|
|
justify-center
|
|
items-center
|
|
font-bold;
|
|
}
|
|
/* Generic Submenu Item */
|
|
.sub-menu {
|
|
@apply absolute bottom-0 bg-white;
|
|
transform: translateY(100%);
|
|
@apply max-w-3xl w-screen p-8;
|
|
&--closed {
|
|
@apply hidden;
|
|
}
|
|
&--open {
|
|
@apply block;
|
|
}
|
|
}
|
|
|
|
/* Conseils — Thamtiques Submenu Item */
|
|
li#menu-item-168 {
|
|
hr {
|
|
@apply my-3 mb-6;
|
|
}
|
|
.sub-menu {
|
|
/* @apply hidden; */
|
|
}
|
|
.sub-menu__navlist {
|
|
@apply grid grid-cols-2 gap-4;
|
|
&__item {
|
|
@apply flex gap-4;
|
|
}
|
|
|
|
&__thematique-icon {
|
|
max-width: 80px;
|
|
}
|
|
&__description {
|
|
@apply text-sm font-normal;
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
}
|
|
/* Conseils — Thamtiques Submenu Item */
|
|
li#menu-item-169 {
|
|
.sub-menu {
|
|
/* @apply hidden; */
|
|
}
|
|
|
|
.sub-menu__navlist {
|
|
@apply flex gap-5;
|
|
li {
|
|
@apply underline underline-offset-4;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&__mobile-menu-toggle {
|
|
@apply md:hidden;
|
|
}
|
|
&__search-module-toggle {
|
|
@apply z-50 h-fit;
|
|
}
|
|
}
|
|
|
|
.menu-renovateur--footer {
|
|
@apply grid grid-cols-4;
|
|
|
|
li {
|
|
.page_icon {
|
|
@apply w-[50px] h-[50px];
|
|
}
|
|
@apply text-black
|
|
flex
|
|
justify-start
|
|
items-center
|
|
font-bold;
|
|
|
|
.sub-menu {
|
|
@apply hidden;
|
|
}
|
|
}
|
|
}
|