Changeset 52835 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

Timestamp:

03/10/2022 05:19:50 AM (3 years ago)

Author:

peterwilsoncc

Message:

Twenty Twenty-One: Reverse logic for prefers-reduced-motion media query.

Reverse the logic of the prefers-reduced-motion to enable transitions based on no-preference rather than disable them based on the reduce preference. This removes the need to disable transitions with the ! important tag and unintended interactions with plugins as a result.

Props gregoiresailland, sabernhardt, ryokuhi.
Fixes #54174.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

@@ -39 +39 @@
     outline: 0;
 }
-
-@media (prefers-reduced-motion) {
-
-    * {
-        transition-delay: 0s !important;
-        transition-duration: 0s !important;
-    }
-}