diff options
author | Mike Rogers <me@mikerogers.io> | 2018-03-20 12:28:21 +0300 |
---|---|---|
committer | Patrick H. Lauke <redux@splintered.co.uk> | 2018-03-20 12:28:21 +0300 |
commit | 2306f62bf19bb0696a9455aaf2eea6b083d9fdae (patch) | |
tree | c4c78e05882e13b5eb932d18feeb609a1d638f64 /scss | |
parent | c53825d9029812f2218a8122716a76332b76e774 (diff) |
Making use of `prefers-reduced-motion` media query (#25641)
* 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
Diffstat (limited to 'scss')
-rw-r--r-- | scss/mixins/_transition.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss index 7e33dee319..f853821344 100644 --- a/scss/mixins/_transition.scss +++ b/scss/mixins/_transition.scss @@ -6,4 +6,8 @@ transition: $transition; } } + + @media screen and (prefers-reduced-motion: reduce) { + transition: none; + } } |