commerce/components/common/Navbar/Navbar.module.css
Jonatan Schultz c9dedf8a4e Header layout
2021-08-24 18:09:11 +02:00

33 lines
542 B
CSS

.root {
@apply sticky top-0 z-40 transition-all duration-150;
}
.navContainer {
@apply bg-secondary;
height: 50px;
}
.searchContainer {
@apply bg-primary border-b border-accent-9;
}
.nav {
@apply relative flex flex-row justify-between;
padding: 10px 0;
}
.navMenu {
@apply hidden ml-6 space-x-4 lg:block;
}
.link {
@apply items-center transition ease-in-out duration-75 cursor-pointer text-accent-0 border-b-2 border-opacity-0;
}
.link:hover {
@apply border-b-2 border-opacity-40;
}
.logo {
@apply cursor-pointer;
}