@if index($hamburger-types, vortex-r) { /* * Vortex Reverse */ .hamburger--vortex-r { .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); &::before, &::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } &::before { transition-property: top, opacity; } &::after { transition-property: bottom, transform; } } &.is-active { .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); &::before, &::after { transition-delay: 0s; } &::before { top: 0; opacity: 0; } &::after { bottom: 0; transform: rotate(-90deg); } } } } }