@import "../variables";
@import "../globals";

.spinner.morph {
	@include display-box($spinner-size);
	background: $spinner-color;
	animation: morph-animate $speed3x linear infinite;
}

@keyframes morph-animate {
	0% {
		transform: rotate(0deg) scale(1);
		border-radius: 0%;
		background: $spinner-accent;

	}

	25%, 75% {
		transform: rotate(180deg) scale(.4);
		border-radius: 50%;
		background: $spinner-color;
	}

	100%{
		transform: rotate(360deg) scale(1);
		border-radius: 0%;
		background: $spinner-accent;
	}
}