2018-03-03 05:55:04 +00:00
|
|
|
<svg class="loading-spinner-icon spin {{maskStyle ? 'mask-style' : ''}}"
|
2018-04-30 06:13:41 +01:00
|
|
|
style="width: {{size}}px; height: {{size}}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>
|
2018-01-20 20:35:38 +00:00
|
|
|
.loading-spinner-icon {
|
2018-01-15 07:24:27 +00:00
|
|
|
fill: var(--svg-fill);
|
|
|
|
}
|
|
|
|
|
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);
|
|
|
|
}
|
2018-04-30 06:13:41 +01:00
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data: () => ({
|
|
|
|
maskStyle: false,
|
|
|
|
size: 64
|
|
|
|
})
|
|
|
|
}
|
|
|
|
</script>
|