Make use of the `prefers-reduced-motion` media query
Created by: MikeRogers0
Are there any plans to add support for the prefers-reduced-motion
media query? Here is the CSS Tricks article about it.
Pretty much, if a user has set in their browser/system preferences they'd like reduce the amount of motion they see, we can know about.
What I'd purpose (if everyone thinks this is a good idea), is adjusting scss/mixins/_transition.scss to look more like:
@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;
}
}
}