Sha256: cc31f12567cdc8629e319ce99876209502aa5e8d1c23e5ced1652e084a5ae377
Contents?: true
Size: 1.02 KB
Versions: 2
Compression:
Stored size: 1.02 KB
Contents
@if index($hamburger-types, elastic-r) { /* * Elastic Reverse */ .hamburger--elastic-r { .hamburger-inner { top: $hamburger-layer-height / 2; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); &::before { top: $hamburger-layer-height + $hamburger-layer-spacing; transition: opacity 0.15s 0.4s ease; } &::after { top: ($hamburger-layer-height * 2) + ($hamburger-layer-spacing * 2); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); } } &.is-active { .hamburger-inner { $y-offset: $hamburger-layer-spacing + $hamburger-layer-height; transform: translate3d(0, $y-offset, 0) rotate(-135deg); transition-delay: 0.1s; &::before { transition-delay: 0s; opacity: 0; } &::after { transform: translate3d(0, $y-offset * -2, 0) rotate(270deg); transition-delay: 0.1s; } } } } }
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
hamburgers-0.7.0 | _sass/hamburgers/types/_elastic-r.scss |
hamburgers-0.6.0 | _sass/hamburgers/types/_elastic-r.scss |