// Animations
@mixin animation($animation) {
  -webkit-animation: $animation;
    -o-animation: $animation;
      animation: $animation;
}
@mixin animation-name($name) {
  -webkit-animation-name: $name;
    animation-name: $name;
}
@mixin animation-duration($duration) {
  -webkit-animation-duration: $duration;
    animation-duration: $duration;
}
@mixin animation-timing-function($timing-function:linear) {
  -webkit-animation-timing-function: $timing-function;
    animation-timing-function: $timing-function;
}
@mixin animation-delay($delay) {
  -webkit-animation-delay: $delay;
    animation-delay: $delay;
}
@mixin animation-iteration-count($iteration-count) {
  -webkit-animation-iteration-count: $iteration-count;
    animation-iteration-count: $iteration-count;
}
@mixin animation-direction($direction) {
  -webkit-animation-direction: $direction;
    animation-direction: $direction;
}
@mixin animation-fill-mode($fill-mode:forwards) {
  -webkit-animation-fill-mode: $fill-mode;
    animation-fill-mode: $fill-mode;
}
@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }
  @-moz-keyframes #{$name} {
    @content;
  }
  @-ms-keyframes #{$name} {
    @content;
  }
  @keyframes #{$name} {
    @content;
  }
}