Edit Post: Standardize reduced motion handling using media queries (W…

…ordPress#68426) Co-authored-by: im3dabasia <[email protected]> Co-authored-by: t-hamano <[email protected]>
Gulamdastgir-Momin · Jan 23, 2025 · 566e243 · 566e243
1 parent b4ebd95
commit 566e243
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/edit-post/src/components/back-button/style.scss b/packages/edit-post/src/components/back-button/style.scss
@@ -23,8 +23,9 @@
 		}
 
 		&::before {
-			transition: box-shadow 0.1s ease;
-			@include reduce-motion("transition");
+			@media not (prefers-reduced-motion) {
+				transition: box-shadow 0.1s ease;
+			}
 			content: "";
 			display: block;
 			position: absolute;

diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss
@@ -73,8 +73,9 @@
 				width: inherit;
 				height: $grid-unit-05;
 				border-radius: $radius-small;
-				transition: width 0.3s ease-out;
-				@include reduce-motion("transition");
+				@media not (prefers-reduced-motion) {
+					transition: width 0.3s ease-out;
+				}
 			}
 		}