CSS3 keyframe animation template (with vendor prefixes)

CSS3 Keyframe Animation Template

$animation-speed: 1.2s;
$animation-name: pulsate;
$animation-ease: ease-out;

-webkit-animation: $animation-name $animation-speed $animation-ease infinite;
-moz-animation: $animation-name $animation-speed $animation-ease infinite;
-o-animation: $animation-name $animation-speed $animation-ease infinite;
animation: $animation-name $animation-speed $animation-ease infinite;

$scale-lrg: 1;
$scale-sml: .8;

@-webkit-keyframes $animation-name {
	0% {@include scale($scale-lrg,$scale-lrg);}
	50% {@include scale($scale-sml,$scale-sml);}
	100% {@include scale($scale-lrg,$scale-lrg);}
}
@-moz-keyframes $animation-name {
	0% {@include scale($scale-lrg,$scale-lrg);}
	50% {@include scale($scale-sml,$scale-sml);}
	100% {@include scale($scale-lrg,$scale-lrg);}
}
@-o-keyframes $animation-name {
	0% {@include scale($scale-lrg,$scale-lrg);}
	50% {@include scale($scale-sml,$scale-sml);}
	100% {@include scale($scale-lrg,$scale-lrg);}
}
@keyframes $animation-name {
	0% {@include scale($scale-lrg,$scale-lrg);}
	50% {@include scale($scale-sml,$scale-sml);}
	100% {@include scale($scale-lrg,$scale-lrg);}
}