34 lines
628 B
SCSS
34 lines
628 B
SCSS
|
/* Animated hamburger icon @see http://codepen.io/JulienMelissas/pen/LEBGLj */
|
|||
|
|
.navbar-toggle {
|
|||
|
|
border: none;
|
|||
|
|
background: transparent !important;
|
|||
|
|
|
|||
|
|
&:hover {
|
|||
|
|
background: transparent !important;
|
|||
|
|
}
|
|||
|
|
.icon-bar {
|
|||
|
|
width: 22px;
|
|||
|
|
transition: all 0.2s;
|
|||
|
|
}
|
|||
|
|
.top-bar {
|
|||
|
|
transform: rotate(45deg);
|
|||
|
|
transform-origin: 10% 10%;
|
|||
|
|
}
|
|||
|
|
.middle-bar {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.bottom-bar {
|
|||
|
|
transform: rotate(-45deg);
|
|||
|
|
transform-origin: 10% 90%;
|
|||
|
|
}
|
|||
|
|
&.collapsed .top-bar {
|
|||
|
|
transform: rotate(0);
|
|||
|
|
}
|
|||
|
|
&.collapsed .middle-bar {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
&.collapsed .bottom-bar {
|
|||
|
|
transform: rotate(0);
|
|||
|
|
}
|
|||
|
|
}
|