refactor: add RTL support

mrholek · mrholek · commit edabc03baa43 · 2021-06-23T17:03:02.000+02:00
diff --git a/scss/_offcanvas.scss b/scss/_offcanvas.scss
@@ -1,4 +1,3 @@
-// TODO: add RTL support
 .offcanvas {
   position: fixed;
   bottom: 0;
@@ -24,7 +23,7 @@
   .btn-close {
     padding: ($offcanvas-padding-y * .5) ($offcanvas-padding-x * .5);
     margin-top: $offcanvas-padding-y * -.5;
-    margin-right: $offcanvas-padding-x * -.5;
+    @include ltr-rtl("margin-right", $offcanvas-padding-x * -.5);
     margin-bottom: $offcanvas-padding-y * -.5;
   }
 }
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
@@ -44,7 +44,7 @@
 
 @mixin make-col-offset($size, $columns: $grid-columns) {
   $num: divide($size, $columns);
-  margin-left: if($num == 0, 0, percentage($num)); // TODO: RTL
+  @include ltr-rtl("margin-left", if($num == 0, 0, percentage($num)));
 }
 
 // Row columns

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-// TODO: add RTL support`
`2`	`1`	`.offcanvas {`
`3`	`2`	`position: fixed;`
`4`	`3`	`bottom: 0;`
`@@ -24,7 +23,7 @@`
`24`	`23`	`.btn-close {`
`25`	`24`	`padding: ($offcanvas-padding-y * .5) ($offcanvas-padding-x * .5);`
`26`	`25`	`margin-top: $offcanvas-padding-y * -.5;`
`27`		`- margin-right: $offcanvas-padding-x * -.5;`
	`26`	`+ @include ltr-rtl("margin-right", $offcanvas-padding-x * -.5);`
`28`	`27`	`margin-bottom: $offcanvas-padding-y * -.5;`
`29`	`28`	`}`
`30`	`29`	`}`
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@`
`44`	`44`
`45`	`45`	`@mixin make-col-offset($size, $columns: $grid-columns) {`
`46`	`46`	`$num: divide($size, $columns);`
`47`		`- margin-left: if($num == 0, 0, percentage($num)); // TODO: RTL`
	`47`	`+ @include ltr-rtl("margin-left", if($num == 0, 0, percentage($num)));`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`// Row columns`