You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 lines
573 B
14 lines
573 B
2 years ago
|
<script>
|
||
|
|
import Spinner from "$/client/components/Spinner.svelte";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<p>Fairly basic, just an SVG that's rotated using a simple CSS animation.</p>
|
||
|
|
|
||
|
|
<Spinner />
|
||
|
|
|
||
|
|
<h2>Using aspect_ratio</h2>
|
||
|
|
<p>You can give an aspect ratio and the spinner will create a <code><div></code> with the <code>--aspect-ratio:</code> set from the <code>static/gobal.css</code> CSS. This will make it work as a compliment to the <code>.stacked</code> and <code>.layer</code> CSS so you can have a simple loading spinner over another component.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<Spinner aspect_ratio="16/9" />
|