mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
8b20bce873
* Tweak the accessibility/reduced motion text include mention of carousel slides, remove the (now inaccurate, as Firefox 63 includes it too) mention that support is limited to Safari/macOS xref https://github.com/twbs/bootstrap/issues/27525 * Add new callout for reduced motion * Add variable to control prefers-reduced-motion media query support * Add callout about prefers-reduced-motion to all components currently using animation which are affected
17 lines
375 B
SCSS
17 lines
375 B
SCSS
// stylelint-disable property-blacklist
|
|
@mixin transition($transition...) {
|
|
@if $enable-transitions {
|
|
@if length($transition) == 0 {
|
|
transition: $transition-base;
|
|
} @else {
|
|
transition: $transition;
|
|
}
|
|
}
|
|
|
|
@if $enable-prefers-reduced-motion-media-query {
|
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
transition: none;
|
|
}
|
|
}
|
|
}
|