_hamburger.scss 637 B

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