mirror of
https://gitee.com/butubb8/blowfish.git
synced 2025-12-05 14:17:50 +08:00
Merge pull request #2391 from ZhenShuo2021/refactor/logical-properties
♻️ Refactor(CSS): use logical properties for language direction
This commit is contained in:
Nuno C.
@@ -491,6 +491,9 @@ body.zen-mode-enable {
|
||||
.inset-x-0 {
|
||||
inset-inline: calc(var(--spacing) * 0);
|
||||
}
|
||||
.-start-6 {
|
||||
inset-inline-start: calc(var(--spacing) * -6);
|
||||
}
|
||||
.top-0 {
|
||||
top: calc(var(--spacing) * 0);
|
||||
}
|
||||
@@ -623,9 +626,24 @@ body.zen-mode-enable {
|
||||
.my-3 {
|
||||
margin-block: calc(var(--spacing) * 3);
|
||||
}
|
||||
.-ms-5 {
|
||||
margin-inline-start: calc(var(--spacing) * -5);
|
||||
}
|
||||
.ms-0 {
|
||||
margin-inline-start: calc(var(--spacing) * 0);
|
||||
}
|
||||
.ms-2 {
|
||||
margin-inline-start: calc(var(--spacing) * 2);
|
||||
}
|
||||
.me-1 {
|
||||
margin-inline-end: calc(var(--spacing) * 1);
|
||||
}
|
||||
.me-2 {
|
||||
margin-inline-end: calc(var(--spacing) * 2);
|
||||
}
|
||||
.me-4 {
|
||||
margin-inline-end: calc(var(--spacing) * 4);
|
||||
}
|
||||
.prose {
|
||||
color: var(--tw-prose-body);
|
||||
max-width: 65ch;
|
||||
@@ -1144,9 +1162,6 @@ body.zen-mode-enable {
|
||||
.mr-5 {
|
||||
margin-right: calc(var(--spacing) * 5);
|
||||
}
|
||||
.mr-\[10px\] {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mr-auto {
|
||||
margin-right: auto;
|
||||
}
|
||||
@@ -1760,6 +1775,10 @@ body.zen-mode-enable {
|
||||
border-inline-start-style: var(--tw-border-style);
|
||||
border-inline-start-width: 0px;
|
||||
}
|
||||
.border-s-1 {
|
||||
border-inline-start-style: var(--tw-border-style);
|
||||
border-inline-start-width: 1px;
|
||||
}
|
||||
.border-s-\[0\.125rem\] {
|
||||
border-inline-start-style: var(--tw-border-style);
|
||||
border-inline-start-width: 0.125rem;
|
||||
@@ -2034,6 +2053,15 @@ body.zen-mode-enable {
|
||||
.py-\[1px\] {
|
||||
padding-block: 1px;
|
||||
}
|
||||
.ps-5 {
|
||||
padding-inline-start: calc(var(--spacing) * 5);
|
||||
}
|
||||
.pe-2 {
|
||||
padding-inline-end: calc(var(--spacing) * 2);
|
||||
}
|
||||
.pe-3 {
|
||||
padding-inline-end: calc(var(--spacing) * 3);
|
||||
}
|
||||
.pt-1 {
|
||||
padding-top: calc(var(--spacing) * 1);
|
||||
}
|
||||
@@ -2103,6 +2131,9 @@ body.zen-mode-enable {
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-end {
|
||||
text-align: end;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -2872,6 +2903,11 @@ body.zen-mode-enable {
|
||||
transition-property: none;
|
||||
}
|
||||
}
|
||||
.sm\:me-7 {
|
||||
@media (width >= 640px) {
|
||||
margin-inline-end: calc(var(--spacing) * 7);
|
||||
}
|
||||
}
|
||||
.sm\:mt-16 {
|
||||
@media (width >= 640px) {
|
||||
margin-top: calc(var(--spacing) * 16);
|
||||
@@ -2928,6 +2964,13 @@ body.zen-mode-enable {
|
||||
line-height: var(--tw-leading, var(--text-lg--line-height));
|
||||
}
|
||||
}
|
||||
.sm\:last\:me-0 {
|
||||
@media (width >= 640px) {
|
||||
&:last-child {
|
||||
margin-inline-end: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.md\:mt-0 {
|
||||
@media (width >= 853px) {
|
||||
margin-top: calc(var(--spacing) * 0);
|
||||
@@ -3163,6 +3206,11 @@ body.zen-mode-enable {
|
||||
padding-block: calc(var(--spacing) * 32);
|
||||
}
|
||||
}
|
||||
.lg\:ps-8 {
|
||||
@media (width >= 1024px) {
|
||||
padding-inline-start: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
.xl\:w-1\/4 {
|
||||
@media (width >= 1280px) {
|
||||
width: calc(1/4 * 100%);
|
||||
@@ -3183,36 +3231,11 @@ body.zen-mode-enable {
|
||||
right: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.ltr\:-left-6 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
left: calc(var(--spacing) * -6);
|
||||
}
|
||||
}
|
||||
.ltr\:mr-1 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
margin-right: calc(var(--spacing) * 1);
|
||||
}
|
||||
}
|
||||
.ltr\:mr-4 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
margin-right: calc(var(--spacing) * 4);
|
||||
}
|
||||
}
|
||||
.ltr\:-ml-5 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
margin-left: calc(var(--spacing) * -5);
|
||||
}
|
||||
}
|
||||
.ltr\:ml-0 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
margin-left: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.ltr\:ml-2 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
margin-left: calc(var(--spacing) * 2);
|
||||
}
|
||||
}
|
||||
.ltr\:block {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
display: block;
|
||||
@@ -3228,85 +3251,16 @@ body.zen-mode-enable {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.ltr\:border-l {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
border-left-style: var(--tw-border-style);
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
.ltr\:pr-2 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
padding-right: calc(var(--spacing) * 2);
|
||||
}
|
||||
}
|
||||
.ltr\:pr-3 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
padding-right: calc(var(--spacing) * 3);
|
||||
}
|
||||
}
|
||||
.ltr\:pl-5 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
padding-left: calc(var(--spacing) * 5);
|
||||
}
|
||||
}
|
||||
.ltr\:text-right {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.ltr\:sm\:mr-7 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
@media (width >= 640px) {
|
||||
margin-right: calc(var(--spacing) * 7);
|
||||
}
|
||||
}
|
||||
}
|
||||
.ltr\:sm\:last\:mr-0 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
@media (width >= 640px) {
|
||||
&:last-child {
|
||||
margin-right: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ltr\:lg\:pl-8 {
|
||||
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
||||
@media (width >= 1024px) {
|
||||
padding-left: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
}
|
||||
.rtl\:-right-6 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
right: calc(var(--spacing) * -6);
|
||||
}
|
||||
}
|
||||
.rtl\:left-0 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
left: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.rtl\:-mr-5 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
margin-right: calc(var(--spacing) * -5);
|
||||
}
|
||||
}
|
||||
.rtl\:mr-0 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
margin-right: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.rtl\:mr-2 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
margin-right: calc(var(--spacing) * 2);
|
||||
}
|
||||
}
|
||||
.rtl\:ml-1 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
margin-left: calc(var(--spacing) * 1);
|
||||
}
|
||||
}
|
||||
.rtl\:ml-4 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
margin-left: calc(var(--spacing) * 4);
|
||||
@@ -3327,55 +3281,6 @@ body.zen-mode-enable {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.rtl\:border-r {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
border-right-style: var(--tw-border-style);
|
||||
border-right-width: 1px;
|
||||
}
|
||||
}
|
||||
.rtl\:pr-5 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
padding-right: calc(var(--spacing) * 5);
|
||||
}
|
||||
}
|
||||
.rtl\:pl-2 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
padding-left: calc(var(--spacing) * 2);
|
||||
}
|
||||
}
|
||||
.rtl\:pl-3 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
padding-left: calc(var(--spacing) * 3);
|
||||
}
|
||||
}
|
||||
.rtl\:text-left {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.rtl\:sm\:ml-7 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
@media (width >= 640px) {
|
||||
margin-left: calc(var(--spacing) * 7);
|
||||
}
|
||||
}
|
||||
}
|
||||
.rtl\:sm\:last\:ml-0 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
@media (width >= 640px) {
|
||||
&:last-child {
|
||||
margin-left: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.rtl\:lg\:pr-8 {
|
||||
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
||||
@media (width >= 1024px) {
|
||||
padding-right: calc(var(--spacing) * 8);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:flex {
|
||||
&:is(.dark *) {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user