diff options
Diffstat (limited to 'assets/scss/libraries/hamburgers/types/_vortex-r.scss')
-rwxr-xr-x | assets/scss/libraries/hamburgers/types/_vortex-r.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/assets/scss/libraries/hamburgers/types/_vortex-r.scss b/assets/scss/libraries/hamburgers/types/_vortex-r.scss new file mode 100755 index 0000000..cd3bcfa --- /dev/null +++ b/assets/scss/libraries/hamburgers/types/_vortex-r.scss @@ -0,0 +1,48 @@ +@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); + } + } + } + } +} |