datamad2017/_sass/vendor/animations/bounce-enter/_bounceInDown.scss

@if $use-bounceInDown == true {
	@-webkit-keyframes bounceInDown {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-$base-distance-big * 2);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateY($base-distance * 3);
		}

		80% {
			-webkit-transform: translateY(-$base-distance);
		}

		100% {
			-webkit-transform: translateY(0);
		}
	}

	@-moz-keyframes bounceInDown {
		0% {
			opacity: 0;
			-moz-transform: translateY(-$base-distance-big * 2);
		}

		60% {
			opacity: 1;
			-moz-transform: translateY($base-distance * 3);
		}

		80% {
			-moz-transform: translateY(-$base-distance);
		}

		100% {
			-moz-transform: translateY(0);
		}
	}

	@-o-keyframes bounceInDown {
		0% {
			opacity: 0;
			-o-transform: translateY(-$base-distance-big * 2);
		}

		60% {
			opacity: 1;
			-o-transform: translateY($base-distance * 3);
		}

		80% {
			-o-transform: translateY(-$base-distance);
		}

		100% {
			-o-transform: translateY(0);
		}
	}

	@keyframes bounceInDown {
		0% {
			opacity: 0;
			transform: translateY(-$base-distance-big * 2);
		}

		60% {
			opacity: 1;
			transform: translateY($base-distance * 3);
		}

		80% {
			transform: translateY(-$base-distance);
		}

		100% {
			transform: translateY(0);
		}
	}

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