hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make margins/paddings automatically adapt in rtl

Browse Source 
No need for separate rules for rtl, yay!
This commit is contained in:
daudix
2024-07-05 05:54:19 +03:00
parent 4edb6e9760
commit 1758eb99a8
13 changed files with 40 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
sass/_post-nav.scss
View File

@ -16,12 +16,10 @@
&.post-nav-prev {
transform-origin: left;
padding-right: 1rem;
padding-inline-end: 1rem;
:root[dir*="rtl"] & {
transform-origin: right;
padding-right: unset;
padding-left: 1rem;
}
.nav-arrow::before {
@ -35,16 +33,12 @@
&.post-nav-next {
transform-origin: right;
margin-left: auto;
padding-left: 1rem;
margin-inline-start: auto;
padding-inline-start: 1rem;
text-align: end;
:root[dir*="rtl"] & {
transform-origin: left;
margin-right: auto;
margin-left: unset;
padding-right: 1rem;
padding-left: unset;
}
.nav-arrow::after {