// ----------------------------------------------------------------------

// Keyframes

// ----------------------------------------------------------------------

@mixin keyframes($animation-name) {
  @-webkit-keyframes #{$animation-name} {
    @content;
  }
  @-moz-keyframes #{$animation-name} {
    @content;
  }
  @-ms-keyframes #{$animation-name} {
    @content;
  }
  @-o-keyframes #{$animation-name} {
    @content;
  }
  @keyframes #{$animation-name} {
    @content;
  }
}

// Example: @include keyframes(slide-down) {0%{ opacity:1; } 90%{ opacity:0; }}