_boring.scss 456 B

123456789101112131415161718192021222324252627282930
  1. @if index($hamburger-types, boring) {
  2. /*
  3. * Boring
  4. */
  5. .hamburger--boring {
  6. .hamburger-inner {
  7. &,
  8. &::before,
  9. &::after {
  10. transition-property: none;
  11. }
  12. }
  13. &.is-active {
  14. .hamburger-inner {
  15. transform: rotate(45deg);
  16. &::before {
  17. top: 0;
  18. opacity: 0;
  19. }
  20. &::after {
  21. bottom: 0;
  22. transform: rotate(-90deg);
  23. }
  24. }
  25. }
  26. }
  27. }