/*(cs)spinner line back and forth grow - a simple strafing line animation that goes back and forth and grows in the middle*/
$line-width: $width;
$line-height: $height / 2;
$line-color: rgba(0, 0, 0, .5);

.csspinner.line.back-and-forth.grow:after {
	animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}
@keyframes line-back-and-forth-grow {
	0% {
		transform: scaleY(1.0);
	}
	25% {
		transform: scaleY(2.0);
	}
	50% {
		transform: scaleY(1.0);
	}
	75% {
		transform: scaleY(2.0);
	}
	100% {
		transform: scaleY(1.0);
	}
}