commerce/components/common/Navbar/MobileNavMenu.module.css
2021-08-27 17:43:38 +02:00

32 lines
621 B
CSS

.navMenu {
@apply lg:hidden;
background-color: #000;
bottom: 0;
color: #fff;
font-size: 2.333rem;
left: 0;
letter-spacing: -0.25px;
padding: 60px 1rem 40px;
position: fixed;
right: 0;
top: 50px;
transform: translateY(-100%);
transition: transform 0.2s ease 0.1s, visibility 0.3s;
visibility: hidden;
}
.navMenu.isOpen {
transform: translateY(0);
transition-delay: 0s;
visibility: visible;
}
.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; */
}