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

28 lines
454 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 block;
}