application.scss

/* Must import in base first */
@import 'animate.css/source/_base.css';
/* Extend animate.css animation speeds to faster */
/* Do this after importing _base.css */
$speeds: 150, 200, 250, 300, 400;
@each $speed in $speeds {
  .animated.speed-#{$speed} {
    animation-duration: #{$speed}ms;
  }
}
/* Individually import the animations that you'll be using */
@import 'animate.css/source/attention_seekers/shake.css';
@import 'animate.css/source/fading_entrances/fadeIn.css';
@import 'animate.css/source/fading_exits/fadeOut.css';