This is the code that runs https://bandolier.learnjsthehardway.com/ for you to review. It uses the https://git.learnjsthehardway.com/learn-javascript-the-hard-way/bandolier-template to create the documentation for the project.
https://bandolier.learnjsthehardway.com/
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.
13 lines
573 B
13 lines
573 B
<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" />
|
|
|