refactor: migrate to CSS logical properties and values

mrholek · mrholek · commit 74b0aaf708de · 2025-02-04T14:37:27.000+01:00
diff --git a/src/scss/_theme.scss b/src/scss/_theme.scss
@@ -4,8 +4,7 @@ body {
 
 .wrapper {
   width: 100%;
-  @include ltr-rtl("padding-left", var(--cui-sidebar-occupy-start, 0));
-  @include ltr-rtl("padding-right", var(--cui-sidebar-occupy-end, 0));
+  padding-inline: var(--cui-sidebar-occupy-start, 0) var(--cui-sidebar-occupy-end, 0);
   will-change: auto;
   @include transition(padding .15s);
 }
@@ -33,13 +32,13 @@ body {
 }
 
 .sidebar-toggler {
-  @include ltr-rtl("margin-left", auto);
+  margin-inline-start: auto;
 }
 
 .sidebar-narrow,
 .sidebar-narrow-unfoldable:not(:hover) {
   .sidebar-toggler {
-    @include ltr-rtl("margin-right", auto);
+    margin-inline-end: auto
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -4,8 +4,7 @@ body {`
`4`	`4`
`5`	`5`	`.wrapper {`
`6`	`6`	`width: 100%;`
`7`		`- @include ltr-rtl("padding-left", var(--cui-sidebar-occupy-start, 0));`
`8`		`- @include ltr-rtl("padding-right", var(--cui-sidebar-occupy-end, 0));`
	`7`	`+ padding-inline: var(--cui-sidebar-occupy-start, 0) var(--cui-sidebar-occupy-end, 0);`
`9`	`8`	`will-change: auto;`
`10`	`9`	`@include transition(padding .15s);`
`11`	`10`	`}`
`@@ -33,13 +32,13 @@ body {`
`33`	`32`	`}`
`34`	`33`
`35`	`34`	`.sidebar-toggler {`
`36`		`- @include ltr-rtl("margin-left", auto);`
	`35`	`+ margin-inline-start: auto;`
`37`	`36`	`}`
`38`	`37`
`39`	`38`	`.sidebar-narrow,`
`40`	`39`	`.sidebar-narrow-unfoldable:not(:hover) {`
`41`	`40`	`.sidebar-toggler {`
`42`		`- @include ltr-rtl("margin-right", auto);`
	`41`	`+ margin-inline-end: auto`
`43`	`42`	`}`
`44`	`43`	`}`
`45`	`44`