56 lines
938 B
SCSS
56 lines
938 B
SCSS
/*
|
|
.menu-icon {
|
|
position: relative;
|
|
z-index: 5;
|
|
display: none;
|
|
display: block;
|
|
width: rem(30);
|
|
height: rem(18);
|
|
|
|
@media (any-hover: none) {
|
|
cursor: default;
|
|
}
|
|
|
|
span,
|
|
&::before,
|
|
&::after {
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
height: rem(2);
|
|
content: '';
|
|
background-color: #000;
|
|
border-radius: rem(4);
|
|
transition: all 0.3s ease 0s;
|
|
}
|
|
|
|
&::before {
|
|
top: 0;
|
|
}
|
|
|
|
&::after {
|
|
bottom: 0;
|
|
}
|
|
|
|
span {
|
|
top: calc(50% - rem(1));
|
|
}
|
|
|
|
.menu-open & {
|
|
span {
|
|
width: 0;
|
|
}
|
|
|
|
&::before {
|
|
top: calc(50% - rem(1));
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
&::after {
|
|
bottom: calc(50% - rem(1));
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
}
|
|
*/
|