Nux: Standardize reduced motion handling using media queries (WordPre…

…ss#68423) * Nux: Standardize reduced motion handling using media queries * style: Remove unwanted CSS changes Co-authored-by: im3dabasia <[email protected]> Co-authored-by: t-hamano <[email protected]>
carstingaxion · Jan 15, 2025 · 6940e88 · 6940e88
1 parent 184f179
commit 6940e88
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/nux/src/components/dot-tip/style.scss b/packages/nux/src/components/dot-tip/style.scss
@@ -12,14 +12,17 @@ $dot-scale: 3;  // How much the pulse animation should scale up by in size
 	}
 
 	&::before {
-		animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
 		background: rgba(#00739c, 0.9);
 		opacity: 0.9;
 		height: $dot-size * $dot-scale;
 		left: -($dot-size * $dot-scale) * 0.5;
 		top: -($dot-size * $dot-scale) * 0.5;
 		transform: scale(math.div(1, $dot-scale));
 		width: $dot-size * $dot-scale;
+
+		@media not (prefers-reduced-motion) {
+			animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
+		}
 	}
 
 	&::after {