src/palette-spinner.css
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.default-spinner {
color: #FFFFFF;
margin: 60px auto;
font-size: 10px;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.default-spinner.spinner-inline {
border-top: 0.4em solid rgba(0, 0, 0, 0.2);
border-right: 0.4em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.4em solid rgba(0, 0, 0, 0.2);
border-left: 0.4em solid #000000;
}
.default-spinner,
.default-spinner:after {
border-radius: 50%;
width: 3em;
height: 3em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}