64 lines
1.0 KiB
CSS
64 lines
1.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:absolute md:flex justify-center gap-8 bg-green-200
|
|
left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2;
|
|
|
|
li {
|
|
.page_icon {
|
|
@apply w-[50px] h-[50px];
|
|
}
|
|
@apply text-black
|
|
flex
|
|
justify-center
|
|
items-center
|
|
font-bold;
|
|
|
|
.sub-menu {
|
|
@apply hidden;
|
|
}
|
|
}
|
|
}
|
|
&__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;
|
|
}
|
|
}
|
|
}
|