zotero/scss/components/_spinner.scss

25 lines
441 B
SCSS
Raw Normal View History

@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.zotero-spinner-16 {
width: 16px;
height: 16px;
fill: var(--fill-secondary);
@include focus-states using ($color) {
@include svgicon("loading", $color, "16");
}
-moz-context-properties: fill, fill-opacity;
animation: none;
display: none;
&[status=animate] {
display: inline;
animation: rotating 0.5s steps(12) infinite;
}
}