From bdb3f8d8cd13695c01e157c17eac7d0c9a0c174b Mon Sep 17 00:00:00 2001 From: Sainath Poojary Date: Thu, 2 Jan 2025 14:18:14 +0530 Subject: [PATCH] TabPanel: Standardize reduced motion handling using media queries --- packages/components/src/tab-panel/style.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/components/src/tab-panel/style.scss b/packages/components/src/tab-panel/style.scss index b54f7af1bf4ded..7e811b21b65b6e 100644 --- a/packages/components/src/tab-panel/style.scss +++ b/packages/components/src/tab-panel/style.scss @@ -40,8 +40,9 @@ border-radius: 0; // Animation - transition: all 0.1s linear; - @include reduce-motion("transition"); + @media not (prefers-reduced-motion) { + transition: all 0.1s linear; + } } // Active. @@ -68,8 +69,9 @@ border-radius: $radius-small; // Animation - transition: all 0.1s linear; - @include reduce-motion("transition"); + @media not (prefers-reduced-motion) { + transition: all 0.1s linear; + } } &:focus-visible::before {