rfid/themes/hugo-whisper-theme/assets/scss/libraries/hamburgers/types/_vortex.scss
2021-10-01 14:32:43 +02:00

48 lines
914 B
SCSS
Executable file

@if index($hamburger-types, vortex) {
/*
* Vortex
*/
.hamburger--vortex {
.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);
}
}
}
}
}