Replace '[dir=rtl] &' with CSS logical properties where it makes sense

This commit is contained in:
iBug
2024-06-25 22:49:22 +08:00
parent 97f0f35498
commit ded2d87b2b
6 changed files with 32 additions and 160 deletions

View File

@@ -192,22 +192,12 @@
}
&.site-logo {
margin-left: 0;
margin-right: 0.5rem;
[dir=rtl] & {
margin-right: 0;
margin-left: 0.5rem;
}
margin-inline-start: 0;
margin-inline-end: 0.5rem;
}
&.site-title {
margin-left: 0;
[dir=rtl] & {
margin-left: 1rem;
margin-right: 0;
}
margin-inline-start: 0;
}
}
@@ -561,48 +551,23 @@
}
li ul > li a {
padding-left: 1.25rem;
padding-inline-start: 1.25rem;
font-weight: normal;
[dir=rtl] & {
padding-left: 0;
padding-right: 1.25rem;
}
}
li ul li ul > li a {
padding-left: 1.75rem;
[dir=rtl] & {
padding-left: 0;
padding-right: 1.75rem;
}
padding-inline-start: 1.75rem;
}
li ul li ul li ul > li a {
padding-left: 2.25rem;
[dir=rtl] & {
padding-left: 0;
padding-right: 2.25rem;
}
padding-inline-start: 2.25rem;
}
li ul li ul li ul li ul > li a {
padding-left: 2.75rem;
[dir=rtl] & {
padding-left: 0;
padding-right: 2.75rem;
}
padding-inline-start: 2.75rem;
}
li ul li ul li ul li ul li ul > li a {
padding-left: 3.25rem;
[dir=rtl] & {
padding-left: 0;
padding-right: 3.25rem;
}
padding-inline-start: 3.25rem;
}
}