animationmixins.scss

/*
  Usage:
  @include keyframes(animate) {
    0% { left: 0%; }
	  100% { left: 100%; }
  }
*/
@mixin keyframes($name) {
  @-webkit-keyframes $name { @content; }
	@-moz-keyframes $name { @content; }
	@-o-keyframes $name { @content; }
	@keyframes $name { @content; }
}

/*
  Usage:
  @include animation(animate 5s linear infinite 3s normal);
*/
@mixin animation($type) {
  @each $prefix in -webkit-, -moz-, -o-, '' {
		#{$prefix}animation: $type;
	}
}