fix: Fix media query and reduced motion error (WordPress#68464)

im3dabasia · im3dabasia · mirka · Gulamdastgir-Momin · commit bc84a71a6037 · 2025-01-23T13:01:21.000+05:30
Co-authored-by: im3dabasia &lt;im3dabasia1@git.wordpress.org&gt;
Co-authored-by: mirka &lt;0mirka00@git.wordpress.org&gt;
diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss
@@ -118,7 +118,7 @@
 			// This ensure the radius work properly.
 			overflow: hidden;
 
-			@media not (prefers-reduced-motion) {
+			@media (prefers-reduced-motion: no-preference) {
 				transition: border-radius, box-shadow 0.4s;
 			}
 

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@`
`118`	`118`	`// This ensure the radius work properly.`
`119`	`119`	`overflow: hidden;`
`120`	`120`
`121`		`- @media not (prefers-reduced-motion) {`
	`121`	`+ @media (prefers-reduced-motion: no-preference) {`
`122`	`122`	`transition: border-radius, box-shadow 0.4s;`
`123`	`123`	`}`
`124`	`124`