2018-05-01 17:05:36 -07:00
|
|
|
<svg class="loading-spinner-icon spin {maskStyle ? 'mask-style' : ''}"
|
|
|
|
|
style="width: {size}px; height: {size}px;"
|
2018-02-22 22:10:05 -08:00
|
|
|
aria-label="Loading"
|
2018-01-21 16:07:11 -08:00
|
|
|
>
|
2018-01-14 23:24:27 -08:00
|
|
|
<use xlink:href="#fa-spinner" />
|
|
|
|
|
</svg>
|
|
|
|
|
<style>
|
2018-01-20 12:35:38 -08:00
|
|
|
.loading-spinner-icon {
|
2018-01-14 23:24:27 -08:00
|
|
|
fill: var(--svg-fill);
|
|
|
|
|
}
|
|
|
|
|
|
2018-01-20 12:35:38 -08:00
|
|
|
.loading-spinner-icon.mask-style {
|
2018-01-14 23:24:27 -08:00
|
|
|
fill: var(--mask-svg-fill);
|
|
|
|
|
}
|
2018-04-29 22:13:41 -07:00
|
|
|
</style>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data: () => ({
|
|
|
|
|
maskStyle: false,
|
|
|
|
|
size: 64
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</script>
|
