mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
2306f62bf1
* Making use of `prefers-reduced-motion` media query As discussed in #25249 - if a user (Who is using Safari / iOS) requests reduced motion in their system settings, we should avoid transitions. * Ignoring prefers reduced motion for CSS Linting * Updating copy clarifying the reduce motion functionality in accessibility.md
14 lines
274 B
SCSS
14 lines
274 B
SCSS
@mixin transition($transition...) {
|
|
@if $enable-transitions {
|
|
@if length($transition) == 0 {
|
|
transition: $transition-base;
|
|
} @else {
|
|
transition: $transition;
|
|
}
|
|
}
|
|
|
|
@media screen and (prefers-reduced-motion: reduce) {
|
|
transition: none;
|
|
}
|
|
}
|