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-01-15 07:24:27 +00:00
|
|
|
<use xlink:href="#fa-spinner" />
|
|
|
|
</svg>
|
|
|
|
<style>
|
2018-01-20 20:35:38 +00:00
|
|
|
.loading-spinner-icon {
|
2018-01-15 07:24:27 +00:00
|
|
|
fill: var(--svg-fill);
|
|
|
|
animation: spin 2s infinite linear;
|
|
|
|
}
|
|
|
|
|
2018-01-20 20:35:38 +00:00
|
|
|
.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>
|