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;
}
}