Mobile Toggle
.menu-toggle{
display: none;
span,
span:before,
span:after{
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 23px;
//Background Color
background: #fff;
//Background Color
position: absolute;
display: block;
content: '';
@include transition(all, .25s ease-out);
}
span:before{
top: -7px;
}
span:after{
bottom: -7px;
}
&.active{
span{
background-color: transparent;
&:before,
&:after{
top: 0;
}
&:before{
@include transform(rotate(45deg));
}
&:after{
@include transform(rotate(-45deg));
}
}
}
}