@use "sass:math";
@import "../variables";

@if index($hamburger-animations, push) {
    .#{$hamburger-class-name}--push {
        overflow: hidden;

        > .inner {
            transition: transform math.div(0.4s, $hamburger-animation-speed) $hamburger-easing;

            &::before,
            &::after {
                @include hamburger-bar;

                top: -$hamburger-size * 1.1;
            }

            &::before {
                transform: rotate(45deg);
            }

            &::after {
                transform: rotate(-45deg);
            }
        }

        &.#{$hamburger-active-class-name} {
            > .inner {
                transform: translate3d(0, $hamburger-size * 1.1, 0);
            }
        }
    }
}