From 49df5f752ff7eb41a260fbb1fd7d4405f50b64c6 Mon Sep 17 00:00:00 2001
From: Ryan Parrish <churchofslidin@gmail.com>
Date: Tue, 30 Jul 2024 10:12:20 -0600
Subject: [PATCH] MWPW-147867 - [marquee] support RTL for loc (#2640)

* added .support-rtl variant for easier rtl loc support

* moved support-rtl to tablet up selector

* no default changes

* linting position
---
 libs/blocks/marquee/marquee.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/libs/blocks/marquee/marquee.css b/libs/blocks/marquee/marquee.css
index e6257baa3f..cf14ac03e0 100644
--- a/libs/blocks/marquee/marquee.css
+++ b/libs/blocks/marquee/marquee.css
@@ -448,10 +448,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));
   }
@@ -487,15 +483,26 @@
     max-width: 212px;
   }
 
-
   .marquee.split.row-reversed .foreground.container {
     justify-content: flex-end;
   }
 
+  html[dir="rtl"] .marquee.split .foreground.container {
+    flex-direction: row-reverse;
+  }
+
   html[dir="rtl"] .marquee.split.row-reversed .foreground.container {
     justify-content: flex-start;
   }
 
+  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 .asset img,
   .marquee.split.small .asset img,
   .marquee.split.large .asset img,