Skip to content

Commit

Permalink
MWPW-147867 - [marquee] support RTL for loc (#2640)
Browse files Browse the repository at this point in the history
* added .support-rtl variant for easier rtl loc support

* moved support-rtl to tablet up selector

* no default changes

* linting position
  • Loading branch information
ryanmparrish authored Jul 30, 2024
1 parent f327eb3 commit 49df5f7
Showing 1 changed file with 12 additions and 5 deletions.
17 changes: 12 additions & 5 deletions libs/blocks/marquee/marquee.css
Original file line number Diff line number Diff line change
Expand Up @@ -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));
}
Expand Down Expand Up @@ -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,
Expand Down

0 comments on commit 49df5f7

Please sign in to comment.