pinafore/routes/_components/LoadingSpinner.html

28 lines
559 B
HTML
Raw Normal View History

2018-01-22 00:07:11 +00:00
<svg class="loading-spinner-icon {{maskStyle ? 'mask-style' : ''}}"
style="width: {{size || 64}}px; height: {{size || 64}}px;"
2018-02-23 06:10:05 +00:00
aria-label="Loading"
2018-01-22 00:07:11 +00:00
>
2018-01-15 07:24:27 +00:00
<use xlink:href="#fa-spinner" />
</svg>
<style>
.loading-spinner-icon {
2018-01-15 07:24:27 +00:00
fill: var(--svg-fill);
animation: spin 2s infinite linear;
}
.loading-spinner-icon.mask-style {
2018-01-15 07:24:27 +00:00
fill: var(--mask-svg-fill);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
</style>