Customize Widgets: Standardize reduced motion handling using media qu…

…eries (WordPress#68425) Co-authored-by: im3dabasia <[email protected]> Co-authored-by: t-hamano <[email protected]>
MaxMood96 · Jan 14, 2025 · 680f51f · 680f51f
1 parent f73a06f
commit 680f51f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/customize-widgets/src/components/header/style.scss b/packages/customize-widgets/src/components/header/style.scss
@@ -42,8 +42,9 @@
 		}
 
 		svg {
-			transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-			@include reduce-motion("transition");
+			@media not (prefers-reduced-motion) {
+				transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
+			}
 		}
 
 		&.is-pressed {