36 lines
671 B
CSS
36 lines
671 B
CSS
/* Handling background page scroll */
|
|
body:has(header .menu-renovateur .sub-menu--open) {
|
|
@apply overflow-hidden;
|
|
@media screen and (max-width: 960px) {
|
|
/* FIXING BUG ON SAFARI */
|
|
.menu-renovateur__mobile-menu-toggle,
|
|
main {
|
|
@apply hidden;
|
|
}
|
|
}
|
|
}
|
|
|
|
header#main-header {
|
|
@apply flex
|
|
relative
|
|
flex-col-reverse
|
|
lg:flex-col;
|
|
}
|
|
|
|
.skiplinks {
|
|
@apply bg-primary pl-8;
|
|
|
|
&__link {
|
|
transition: margin 0.25s ease-in-out;
|
|
@apply text-white block w-fit border-white rounded-md px-4 overflow-hidden
|
|
max-h-0
|
|
focus:py-2
|
|
focus:border
|
|
focus:my-4
|
|
focus:max-h-12;
|
|
}
|
|
}
|
|
.sub-menu {
|
|
@apply z-10;
|
|
}
|