$loader-duration: 1000ms;
$loader-delay: 100ms;

.loading-placeholder {
	height: 0;
	padding-top: 100% * 9 / 16;
}

.loading {
	animation: loadingThumb $loader-duration infinite;
}

@keyframes loadingThumb {
	0%,
	100% {
		background-color: rgba($text-color, .1);
	}
	33.3333% {
		background-color: rgba($text-color, .2);
	}
}

// $loader-duration: 4000ms;
// $loader-delay: 500ms;
//
// .loading {
// 	animation: loadingThumb $loader-duration linear infinite;
// 	background-color: transparent;
// 	background-image: linear-gradient(to right, rgba($text-color, .1) 25%, rgba($text-color, .2) 50%, rgba($text-color, .1) 75%);
// 	background-size: 400% auto
// }
//
// @keyframes loadingThumb {
// 	0% {
// 		background-position: 0 0;
// 	}
// 	100% {
// 		background-position: -400% 0;
// 	}
// }