1
0
mirror of synced 2024-11-26 23:06:02 +03:00
select2/docs/_sass/_hamburger.scss

45 lines
637 B
SCSS
Raw Normal View History

2015-06-06 16:32:11 +03:00
// animated hamburger icon
// @see http://codepen.io/JulienMelissas/pen/LEBGLj
.navbar-toggle {
border: none;
background: transparent !important;
&:hover {
background: transparent !important;
}
2015-06-06 16:32:11 +03:00
.icon-bar {
width: 22px;
transition: all 0.2s;
}
2015-06-06 16:32:11 +03:00
.top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
2015-06-06 16:32:11 +03:00
.middle-bar {
opacity: 0;
}
2015-06-06 16:32:11 +03:00
.bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
2015-06-06 16:32:11 +03:00
&.collapsed {
.top-bar {
transform: rotate(0);
}
.middle-bar {
opacity: 1;
}
.bottom-bar {
transform: rotate(0);
}
}
}