58 lines
1.3 KiB
CSS
58 lines
1.3 KiB
CSS
.secondary-menu-container {
|
|
@apply bg-primary items-center px-8 py-4
|
|
2xl:px-32;
|
|
|
|
a {
|
|
@apply text-white;
|
|
}
|
|
|
|
.secondary-menu-nav {
|
|
@apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;
|
|
|
|
ul {
|
|
@apply block lg:flex justify-between gap-4;
|
|
}
|
|
a {
|
|
@apply font-normal text-xl;
|
|
}
|
|
li.menu-item > a:hover {
|
|
@apply underline underline-offset-8 decoration-1;
|
|
}
|
|
.network-redirector {
|
|
@apply lg:block hidden;
|
|
a {
|
|
@apply flex items-center gap-4;
|
|
&:after {
|
|
transition: all 0.3s ease-out;
|
|
@apply w-8 h-8 bg-no-repeat bg-contain bg-center text-xl;
|
|
filter: invert(1);
|
|
content: '';
|
|
background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg');
|
|
display: inline-block;
|
|
}
|
|
&:hover {
|
|
&:after {
|
|
@apply translate-x-2 rotate-45;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.secondary-menu-container {
|
|
@apply hidden lg:block;
|
|
}
|
|
|
|
/* @media (max-width: 1024px) {
|
|
header[nav-open='true'] .secondary-menu-container {
|
|
@apply block;
|
|
}
|
|
} */
|
|
|
|
@media (max-width: 960px) {
|
|
.secondary-menu-container {
|
|
@apply w-fit mx-0;
|
|
}
|
|
}
|