added .support-rtl variant for easier rtl loc support

adobecom · Jul 26, 2024 · 278be08 · 278be08
1 parent add9745
commit 278be08
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/libs/blocks/marquee/marquee.css b/libs/blocks/marquee/marquee.css
@@ -449,10 +449,6 @@
     padding: var(--spacing-xl) 0;
   }
 
-  html[dir="rtl"] .marquee.split .foreground.container {
-    flex-direction: row-reverse;
-  }
-
   .marquee.split .foreground.container .text {
     max-width: calc(50% - var(--grid-column-width));
   }
@@ -488,7 +484,6 @@
     max-width: 212px;
   }
 
-
   .marquee.split.row-reversed .foreground.container {
     justify-content: flex-end;
   }
@@ -728,6 +723,14 @@
     left: 0;
     right: auto;
   }
+
+  html[dir="rtl"] .marquee.support-rtl.split .foreground.container {
+    flex-direction: row;
+  }
+
+  html[dir="rtl"] .marquee.support-rtl.split.row-reversed .foreground.container {
+    flex-direction: row-reverse;
+  }
 
   .marquee.split.one-third .foreground.container .text,
   .marquee.split.one-third.large .foreground.container .text {