@import url("../../_style/_mixins.less");
@import url("../../_style/_theme.less");
/* === Preloader === */
.preloader,
.preloader-svg {
display: inline-block;
width: 20px;
height: 20px;
animation: preloader-spin 1s steps(12, end) infinite;
}
.preloader {
.encoded-svg-background("");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
@keyframes preloader-spin {
100% {
transform: rotate(360deg);
}
}
// color
.color-mixin-preloader(@colorName, @color, @colorHex) {
// Preloader
.preloader.color-@{colorName}, .preloader.preloader-@{colorName} {
.encoded-svg-background("");
}
}
.color-mixin-preloader(e('white'), #ffffff, 'ffffff');