Toolbar: Standardize reduced motion handling using media queries

SainathPoojary · Jan 3, 2025 · fb9f4ee · fb9f4ee
1 parent 7ea0752
commit fb9f4ee
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/components/src/toolbar/toolbar/style.scss b/packages/components/src/toolbar/toolbar/style.scss
@@ -56,9 +56,10 @@
 			z-index: -1;
 
 			// Animate in.
-			animation: components-button__appear-animation 0.1s ease;
-			animation-fill-mode: forwards;
-			@include reduce-motion("animation");
+			@media not (prefers-reduced-motion) {
+				animation: components-button__appear-animation 0.1s ease;
+				animation-fill-mode: forwards;
+			}
 		}
 
 		svg {