From 680f51ffb6a34bb27e3ee46d09052b2b68401d7c Mon Sep 17 00:00:00 2001 From: Eshaan Dabasiya <76681468+im3dabasia@users.noreply.github.com> Date: Tue, 14 Jan 2025 13:08:13 +0530 Subject: [PATCH] Customize Widgets: Standardize reduced motion handling using media queries (#68425) Co-authored-by: im3dabasia Co-authored-by: t-hamano --- packages/customize-widgets/src/components/header/style.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/customize-widgets/src/components/header/style.scss b/packages/customize-widgets/src/components/header/style.scss index 73789282108af..51699957cae06 100644 --- 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 {