#{$rootClass}.fade.in {
    animation-duration: $fadeInDuration;
    animation-timing-function: $fadeInTimingFunction;

    @include chainable-anim-in(fade-in);

    &.shake {
        @include chainable(
            $fadeInDuration,
            $fadeInTimingFunction,
            $shakeDuration,
            $shakeTimingFunction
        );
    }

    &.pulsate {
        @include chainable(
            $fadeInDuration,
            $fadeInTimingFunction,
            $pulsateDuration,
            $pulsateTimingFunction
        );
    }

    &.flash {
        @include chainable(
            $fadeInDuration,
            $fadeInTimingFunction,
            $flashDuration,
            $flashTimingFunction
        );
    }

    &.wave {
        @include chainable(
            $fadeInDuration,
            $fadeInTimingFunction,
            $waveDuration,
            $waveTimingFunction
        );
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}