Quarter Turn
One element. A conic gradient with a radial mask is a ring; no border trick, no SVG, and the gap stays even at any size.
Usage
Meant for
Examples
On a Button
One element. A conic gradient with a radial mask is a ring — no border trick, no SVG, and the gap stays even at any size. Here it stands in for the Spinner glyph at the same 16px; --wm-stroke sets the thickness, 2px at this size.
The class is wm wm-quarter-turn — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.