Spinner

Width 375 768 Full Open in a tab

The classes below, on plain markup, in their own document — so what you are looking at is core's stylesheet and nothing else.

The markup

<span class="aparte-spinner aparte-spinner--sm" role="status" aria-label="Loading"></span>
<span class="aparte-spinner" role="status" aria-label="Loading"></span>
<span class="aparte-spinner aparte-spinner--lg" role="status" aria-label="Loading"></span>

A rotating indicator

Classes

.aparte-spinner · .aparte-spinner--lg · .aparte-spinner--sm

The tokens these read are on the CSS variables reference; every class of the kit, on one page, is the classes reference.