_hamburger.scss 628 B

123456789101112131415161718192021222324252627282930313233
  1. /* Animated hamburger icon @see http://codepen.io/JulienMelissas/pen/LEBGLj */
  2. .navbar-toggle {
  3. border: none;
  4. background: transparent !important;
  5. &:hover {
  6. background: transparent !important;
  7. }
  8. .icon-bar {
  9. width: 22px;
  10. transition: all 0.2s;
  11. }
  12. .top-bar {
  13. transform: rotate(45deg);
  14. transform-origin: 10% 10%;
  15. }
  16. .middle-bar {
  17. opacity: 0;
  18. }
  19. .bottom-bar {
  20. transform: rotate(-45deg);
  21. transform-origin: 10% 90%;
  22. }
  23. &.collapsed .top-bar {
  24. transform: rotate(0);
  25. }
  26. &.collapsed .middle-bar {
  27. opacity: 1;
  28. }
  29. &.collapsed .bottom-bar {
  30. transform: rotate(0);
  31. }
  32. }