47 lines
751 B
Plaintext
47 lines
751 B
Plaintext
.set-side-length(@side) {
|
|
width: @side;
|
|
height: @side;
|
|
|
|
&::before,
|
|
&::after {
|
|
width: @side;
|
|
height: @side;
|
|
}
|
|
}
|
|
|
|
|
|
.loader-spin() {
|
|
&::before,
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
display: block;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
&::before {
|
|
border: @loader-spin-ring-wide solid @loader-spin-ring-color;
|
|
}
|
|
|
|
&::after {
|
|
border-width: @loader-spin-ring-wide;
|
|
border-style: solid;
|
|
border-color: @loader-spin-ring-active-color transparent transparent;
|
|
animation: loaderSpin @loader-duration-normal infinite linear;
|
|
}
|
|
}
|
|
|
|
//** Loader
|
|
//========================
|
|
@keyframes loaderSpin {
|
|
from {
|
|
transform: rotate(0);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|