SASS Mixins for CSS animations

_animation.scss

// SASS Mixins for CSS animations <https://joshbroton.com/quick-fix-sass-mixins-for-css-keyframe-animations/>
@mixin animation($animate...) {
    $max: length($animate);
    $animations: '';

    @for $i from 1 through $max {
        $animations: #{$animations + nth($animate, $i)};

        @if $i < $max {
            $animations: #{$animations + ", "};
        }
    }
    -webkit-animation: $animations;
    -moz-animation:    $animations;
    -o-animation:      $animations;
    animation:         $animations;
}

/* How to use with <https://gist.github.com/joellesenne/ac064bf185dfb9ffe2627f3aeaf45e39>
.object-to-animate {
  @include animation('move-the-object .5s 1', 'move-the-object-again .5s 1 .5s');
}
*/