coreui / coreui-pro / 31190692618

93%

main: 94%

push

github

refactor(Sass): gate transitions behind prefers-reduced-motion: no-preference (#705)

The transition mixin emitted a transition, then switched it off again in a
`prefers-reduced-motion: reduce` query. Every animated rule therefore paid
for an override block — 57 of them across the bundle. The mixin now emits
the transition inside a `no-preference` query instead, which drops those
blocks and shrinks the compiled CSS.

Rules that force `transition: none` stay outside the query. Those rules
disable motion on purpose, so they must reach reduced-motion readers too.
The old guard tested `!= none`, which missed `none !important` because Sass
passes it as a two-item list; `list.index()` catches both spellings.

A browser without support for the media feature now gets no transition. The
migration guide records that trade-off.

Adapted from twbs/bootstrap#42781. The other half of that PR — splitting the
composed `--*-transition` tokens into property/duration/timing — does not
apply here: our tokens carry a duration per property, so the shorthand bug it
fixes never existed in this tree.

4268 of 4821 branches covered (88.53%)

Branch coverage included in aggregate %.

8279 of 8674 relevant lines covered (95.45%)

362.83 hits per line