@if $use-shake == true {

	@-webkit-keyframes shake {
		0%, 100% {-webkit-transform: translateX(0);}
		10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-$base-distance);}
		20%, 40%, 60%, 80% {-webkit-transform: translateX($base-distance);}
	}

	@-moz-keyframes shake {
		0%, 100% {-moz-transform: translateX(0);}
		10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-$base-distance);}
		20%, 40%, 60%, 80% {-moz-transform: translateX($base-distance);}
	}

	@-o-keyframes shake {
		0%, 100% {-o-transform: translateX(0);}
		10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-$base-distance);}
		20%, 40%, 60%, 80% {-o-transform: translateX($base-distance);}
	}

	@keyframes shake {
		0%, 100% {transform: translateX(0);}
		10%, 30%, 50%, 70%, 90% {transform: translateX(-$base-distance);}
		20%, 40%, 60%, 80% {transform: translateX($base-distance);}
	}

	.shake {
		@include animate-prefixer(animation-name, shake);
	}
}
