fazlurr
7/16/2018 - 4:30 AM

CSS Loader

Simple CSS Loader

.is-loading {
	position: relative;
	color: transparent !important;
	pointer-events: none;

	&:after {
		content: '';
		display: block;
		@include absolute-center;
		// top: 50%;
		// left: 50%;
		// margin-left: -8px;
		// margin-top: -8px;
		width: 1em;
		height: 1em;
		// border: 2px solid #f3f3f3;
		border: 2px solid #b9b9b9;
		border-radius: 50%;
		border-right-color: transparent;
		border-top-color: transparent;
		-webkit-animation: spinAround 500ms infinite linear;
		animation: spinAround 500ms infinite linear;
	}

	&.large:after {
		width: 2em;
		height: 2em;
		border-width: 3px;
	}

	&.dark:after {
		border-left-color: #555;
		border-bottom-color: #555;
	}
}