/**
 * Animation
 *
 * Description: Contains animations.
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents:
 *
 * 1.0 - Spin
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Spin
 * -----------------------------------------------------------------------------
 */

.anim-spin {
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}


/**
 * 2.0 - Fade out
 * -----------------------------------------------------------------------------
 */

.animate-fadeout {
	opacity: 1;
	@include transition(opacity $transition-time ease-out);

	&.is-animated {
		opacity: 0;
	}
}