coreui / coreui-pro / 32648987611

93%

main: 94%

push

github

feat(spinner): size spinners in em and merge the small variants (#853)

`.spinner-border` and `.spinner-grow` were a fixed 2rem block, so every
spinner placed inside text needed `.spinner-border-sm` / `.spinner-grow-sm`
to look right. They are now 1em square with a .125em border and lay out as
`inline-flex`, so a spinner takes the font size of whatever contains it and
the `--cui-spinner-vertical-align` baseline nudge is no longer needed.

The small variant no longer has to correct the border width, so the two
per-type classes collapse into one `.spinner-sm`.

The animation timing function becomes `--cui-spinner-animation-timing-function`.
`.spinner-grow` uses `ease-in-out` instead of pulsing linearly, and either
spinner's easing can now be changed at runtime.

`.spinner-rotate` is new: rotation only, for spinning custom artwork that is
not a bordered circle. Reduced motion slows it down alongside the other two.

`.btn-loading-spinner` derives its negative margin from the spinner width, so
the slide-in still nets to zero now that the width follows the button's font
size; LoadingButton stops adding a `-sm` class to the spinner it injects, and
the spinner scales with `.btn-sm` and `.btn-lg`.

Also fixes `border-right-color` on `.spinner-border`, which left the
transparent gap on the wrong side in RTL; it is `border-inline-end-color` now,
which makes the `rtl:ignore` on the keyframes unnecessary.

4533 of 5098 branches covered (88.92%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

8652 of 9053 relevant lines covered (95.57%)

400.07 hits per line