
// Use animations
@mixin eui-animation ($animation: null, $delay: 0s, $duration: v(eui-base-animation-duration-base), $direction: v(eui-base-animation-direction), $fillmode: v(eui-base-animation-fill-mode)) {
    @if ($animation) {
        animation-delay: $delay;
        animation-direction: $direction;
        animation-duration: $duration;
        animation-fill-mode: $fillmode;
        animation-name: $animation;
    }
}

@mixin eui-transition-base {
    transition: v(eui-base-animation-transition-base);
}
@mixin eui-transition-ease {
    transition: v(eui-base-animation-transition-ease);
}
@mixin eui-transition-ease-in-out {
    transition: v(eui-base-animation-transition-ease-in-out);
}
@mixin eui-transition($transition...) {
    @if length($transition) == 0 {
        transition: v(eui-base-animation-transition-base);
    } @else {
        transition: $transition;
    }
    @media screen and (prefers-reduced-motion: reduce) {
      transition: none;
    }
}

@import "_hacks";
@import 'bob';
@import 'buzz';
@import 'fade-in';
@import 'fade-out';
@import 'flip-in-y';
@import 'jack-in-the-box';
@import 'pop';
@import 'pulsar';
@import 'pulse';
@import 'slide-in-down';
@import 'slide-in-left';
@import 'slide-in-right';
@import 'slide-in-up';
@import 'spin';
@import 'wobble';
