_minus.scss 647 B

12345678910111213141516171819202122232425262728293031323334
  1. @if index($hamburger-types, minus) {
  2. /*
  3. * Minus
  4. */
  5. .hamburger--minus {
  6. .hamburger-inner {
  7. &::before,
  8. &::after {
  9. transition: bottom 0.08s 0s ease-out,
  10. top 0.08s 0s ease-out,
  11. opacity 0s linear;
  12. }
  13. }
  14. &.is-active {
  15. .hamburger-inner {
  16. &::before,
  17. &::after {
  18. opacity: 0;
  19. transition: bottom 0.08s ease-out,
  20. top 0.08s ease-out,
  21. opacity 0s 0.08s linear;
  22. }
  23. &::before {
  24. top: 0;
  25. }
  26. &::after {
  27. bottom: 0;
  28. }
  29. }
  30. }
  31. }
  32. }