Animate: Fix stuck animation for slide-in animation

SainathPoojary · Jan 3, 2025 · 3ab4762 · 3ab4762
1 parent fb9f4ee
commit 3ab4762
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/components/src/animate/style.scss b/packages/components/src/animate/style.scss
@@ -33,14 +33,14 @@
 	@media not (prefers-reduced-motion) {
 		animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
 		animation-fill-mode: forwards;
-	}
 
-	&.is-from-left {
-		transform: translateX(+100%);
-	}
+		&.is-from-left {
+			transform: translateX(+100%);
+		}
 
-	&.is-from-right {
-		transform: translateX(-100%);
+		&.is-from-right {
+			transform: translateX(-100%);
+		}
 	}
 }