mirror of
https://github.com/vercel/commerce.git
synced 2025-07-05 12:41:21 +00:00
35 lines
522 B
CSS
35 lines
522 B
CSS
.menuButton {
|
|
cursor: pointer;
|
|
height: 30px;
|
|
margin: 0 auto;
|
|
width: 30px;
|
|
@apply lg:hidden;
|
|
}
|
|
|
|
.menuButton::after,
|
|
.menuButton::before {
|
|
background-color: #f4f4f4;
|
|
content: '';
|
|
height: 1px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transition: transform 0.2s ease;
|
|
width: 30px;
|
|
}
|
|
|
|
.menuButton::after {
|
|
transform: translateY(5px);
|
|
}
|
|
|
|
.menuButton::before {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.menuButton.isOpen::before {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.menuButton.isOpen::after {
|
|
transform: rotate(-45deg);
|
|
}
|