@if $use-rollOut == true {

	// originally authored by Nick Pettit - https://github.com/nickpettit/glide

	@-webkit-keyframes rollOut {
		0% {
			opacity: 1;
			-webkit-transform: translateX(0px) rotate(0deg);
		}

		100% {
			opacity: 0;
			-webkit-transform: translateX(100%) rotate($base-degrees * 4);
		}
	}

	@-moz-keyframes rollOut {
		0% {
			opacity: 1;
			-moz-transform: translateX(0px) rotate(0deg);
		}

		100% {
			opacity: 0;
			-moz-transform: translateX(100%) rotate($base-degrees * 4);
		}
	}

	@-o-keyframes rollOut {
		0% {
			opacity: 1;
			-o-transform: translateX(0px) rotate(0deg);
		}

		100% {
			opacity: 0;
			-o-transform: translateX(100%) rotate($base-degrees * 4);
		}
	}

	@keyframes rollOut {
		0% {
			opacity: 1;
			transform: translateX(0px) rotate(0deg);
		}

		100% {
			opacity: 0;
			transform: translateX(100%) rotate($base-degrees * 4);
		}
	}

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

}