Block Directory: Standardize reduced motion handling using media quer…

…ies (#68420) Co-authored-by: im3dabasia <[email protected]> Co-authored-by: t-hamano <[email protected]>
WordPress · Jan 13, 2025 · 9641b36 · 9641b36
1 parent d039f91
commit 9641b36
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/block-directory/src/components/downloadable-block-list-item/style.scss b/packages/block-directory/src/components/downloadable-block-list-item/style.scss
@@ -15,7 +15,10 @@
 	background: none;
 	border: 0;
 	text-align: left;
-	transition: box-shadow 0.1s linear;
+
+	@media not (prefers-reduced-motion) {
+		transition: box-shadow 0.1s linear;
+	}
 
 	// The item contains absolutely positioned items.
 	// Set `position: relative` on the parent to prevent overflow issues