feat: added reduce-motion query

WordPress · Dec 30, 2024 · 6ac79b9 · 6ac79b9
1 parent a28455c
commit 6ac79b9
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/block-library/src/social-links/style.scss b/packages/block-library/src/social-links/style.scss
@@ -70,8 +70,9 @@
 .wp-block-social-link {
 	display: block;
 	border-radius: 9999px; // This makes it pill-shaped instead of oval, in cases where the image fed is not perfectly sized.
-	transition: transform 0.1s ease;
-	@include reduce-motion("transition");
+	@media not ( prefers-reduced-motion ) {
+		transition: transform 0.1s ease;
+	}
 
 	// Dimensions.
 	height: auto;
@@ -80,7 +81,9 @@
 		align-items: center;
 		display: flex;
 		line-height: 0;
-		transition: transform 0.1s ease;
+		@media not ( prefers-reduced-motion ) {
+			transition: transform 0.1s ease;
+		}
 	}
 
 	&:hover {