Changeset 52835 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.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/06-components/footer-navigation.scss (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss

@@ -22 +22 @@
         a {
             padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
-            transition: transform 0.1s ease;
             color: var(--footer--color-link);
 
@@ -64 +63 @@
                 transform: scale(1.1);
             }
+
+            @media (prefers-reduced-motion: no-preference) {
+                transition: transform 0.1s ease;
+            }
         }
     }