diff --git a/libs/blocks/marquee/marquee.css b/libs/blocks/marquee/marquee.css index cf14ac03e0..e6257baa3f 100644 --- a/libs/blocks/marquee/marquee.css +++ b/libs/blocks/marquee/marquee.css @@ -448,6 +448,10 @@ 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)); } @@ -483,26 +487,15 @@ 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,