From 9641b36c47b2b5d6bb85408ba1fb137efc74f996 Mon Sep 17 00:00:00 2001 From: Eshaan Dabasiya <76681468+im3dabasia@users.noreply.github.com> Date: Mon, 13 Jan 2025 11:40:31 +0530 Subject: [PATCH] Block Directory: Standardize reduced motion handling using media queries (#68420) Co-authored-by: im3dabasia Co-authored-by: t-hamano --- .../src/components/downloadable-block-list-item/style.scss | 5 ++++- 1 file changed, 4 insertions(+), 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 index e13e46ef8d8786..e30722c88ee791 100644 --- 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