123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- @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);
- }
- }
- }
- }
- }
|