Merge pull request #2393 from ZhenShuo2021/fix/rtl-layout-issues

🐛 Fix(rtl): multiple layout issues
This commit is contained in:
Nuno C.
2025-09-15 23:02:11 +01:00
committed by GitHub
10 changed files with 58 additions and 51 deletions

View File

@@ -494,6 +494,9 @@ body.zen-mode-enable {
.-start-6 {
inset-inline-start: calc(var(--spacing) * -6);
}
.start-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
inset-inline-start: calc(max(-50vw, -800px) + 50%);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
@@ -521,9 +524,6 @@ body.zen-mode-enable {
.left-1\/2 {
left: calc(1/2 * 100%);
}
.left-\[calc\(max\(-50vw\,-800px\)\+50\%\)\] {
left: calc(max(-50vw, -800px) + 50%);
}
.-z-10 {
z-index: calc(10 * -1);
}
@@ -635,6 +635,12 @@ body.zen-mode-enable {
.ms-2 {
margin-inline-start: calc(var(--spacing) * 2);
}
.ms-6 {
margin-inline-start: calc(var(--spacing) * 6);
}
.-me-48 {
margin-inline-end: calc(var(--spacing) * -48);
}
.me-1 {
margin-inline-end: calc(var(--spacing) * 1);
}
@@ -1141,9 +1147,6 @@ body.zen-mode-enable {
.mt-\[0\.5rem\] {
margin-top: 0.5rem;
}
.-mr-48 {
margin-right: calc(var(--spacing) * -48);
}
.-mr-\[100\%\] {
margin-right: calc(100% * -1);
}
@@ -1210,9 +1213,6 @@ body.zen-mode-enable {
.mb-\[2px\] {
margin-bottom: 2px;
}
.-ml-12 {
margin-left: calc(var(--spacing) * -12);
}
.ml-0 {
margin-left: calc(var(--spacing) * 0);
}
@@ -1222,9 +1222,6 @@ body.zen-mode-enable {
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-6 {
margin-left: calc(var(--spacing) * 6);
}
.ml-auto {
margin-left: auto;
}
@@ -1779,6 +1776,10 @@ body.zen-mode-enable {
border-inline-start-style: var(--tw-border-style);
border-inline-start-width: 1px;
}
.border-s-2 {
border-inline-start-style: var(--tw-border-style);
border-inline-start-width: 2px;
}
.border-s-\[0\.125rem\] {
border-inline-start-style: var(--tw-border-style);
border-inline-start-width: 0.125rem;
@@ -1795,10 +1796,6 @@ body.zen-mode-enable {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dotted {
--tw-border-style: dotted;
border-style: dotted;
@@ -2053,6 +2050,9 @@ body.zen-mode-enable {
.py-\[1px\] {
padding-block: 1px;
}
.ps-2 {
padding-inline-start: calc(var(--spacing) * 2);
}
.ps-5 {
padding-inline-start: calc(var(--spacing) * 5);
}
@@ -2119,9 +2119,6 @@ body.zen-mode-enable {
.pl-0 {
padding-left: calc(var(--spacing) * 0);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
@@ -2140,6 +2137,9 @@ body.zen-mode-enable {
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.-indent-\[999px\] {
text-indent: calc(999px * -1);
}
@@ -2971,16 +2971,16 @@ body.zen-mode-enable {
}
}
}
.md\:-me-16 {
@media (width >= 853px) {
margin-inline-end: calc(var(--spacing) * -16);
}
}
.md\:mt-0 {
@media (width >= 853px) {
margin-top: calc(var(--spacing) * 0);
}
}
.md\:-mr-16 {
@media (width >= 853px) {
margin-right: calc(var(--spacing) * -16);
}
}
.md\:mr-7 {
@media (width >= 853px) {
margin-right: calc(var(--spacing) * 7);
@@ -3071,11 +3071,6 @@ body.zen-mode-enable {
top: 140px;
}
}
.lg\:left-0 {
@media (width >= 1024px) {
left: calc(var(--spacing) * 0);
}
}
.lg\:order-last {
@media (width >= 1024px) {
order: 9999;
@@ -3236,6 +3231,11 @@ body.zen-mode-enable {
margin-right: calc(var(--spacing) * 4);
}
}
.ltr\:-ml-12 {
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
margin-left: calc(var(--spacing) * -12);
}
}
.ltr\:block {
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
display: block;
@@ -3261,6 +3261,11 @@ body.zen-mode-enable {
left: calc(var(--spacing) * 0);
}
}
.rtl\:-mr-\[79px\] {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
margin-right: calc(79px * -1);
}
}
.rtl\:ml-4 {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
margin-left: calc(var(--spacing) * 4);