_animation_mixins.scss

@mixin keyframes($name) {

  @-webkit-keyframes #{unquote($name)}{
    @content;
  }

  @-moz-keyframes #{unquote($name)}{
    @content;
  }

  @-ms-keyframes #{unquote($name)}{
    @content;
  }

  @keyframes #{unquote($name)}{
    @content;
  }

}

@mixin animation_property($name,$value){
  -webkit-#{unquote($name)}: unquote($value);
  -moz-#{unquote($name)}: unquote($value);
  -ms-#{unquote($name)}: unquote($value);
  -o-#{unquote($name)}: unquote($value);
  #{unquote($name)}: unquote($value);
}