@charset 'utf-8';

/*  ========================================================================
    JUICE -> ANIMATIONS -> SLIDE -> ENTRANCE -> SLIDE IN RIGHT
    ========================================================================  */

// Check if the animations with slide in right should be imported
@if $import-animations and $import-animation-slide-in-right {
    .has-animation {
        // Nested selectors
        &.slide-in-right {
            @keyframes slide-in-right {
                from {
                    transform: translate3d((0px - $animation-slide-in-distance), 0, 0);
                }

                to {
                    transform: translate3d(0, 0, 0);
                }
            }

            animation-delay: $animation-slide-in-delay;
            animation-duration: $animation-slide-in-duration;
            animation-name: slide-in-right;
            animation-timing-function: $animation-slide-in-easing;
        }
    }
}