fix(Offcanvas): fix RTL

Author: mrholek

scss/_offcanvas.scss

@@ -48,15 +48,15 @@
   @include ltr-rtl("left", 0);
   width: $offcanvas-horizontal-width;
   @include ltr-rtl("border-right", $offcanvas-border-width solid $offcanvas-border-color);
-  transform: translateX(-100%);
+  @include ltr-rtl-value-only("transform", translateX(-100%), translateX(100%));
 }
 
 .offcanvas-end {
   top: 0;
   @include ltr-rtl("right", 0);
   width: $offcanvas-horizontal-width;
   @include ltr-rtl("border-left", $offcanvas-border-width solid $offcanvas-border-color);
-  transform: translateX(100%);
+  @include ltr-rtl-value-only("transform", translateX(100%), translateX(-100%));
 }
 
 .offcanvas-top {

scss/mixins/_ltr-rtl.scss

@@ -58,3 +58,24 @@
     }
   }
 }
+
+@mixin ltr-rtl-value-only($property, $value, $value-rtl, $important: null) {
+  $value-reflected: reflect($value);
+
+  @if $enable-ltr and $enable-rtl {
+    @include ltr() {
+      #{$property}: $value $important;
+    }
+    @include rtl() {
+      #{$property}: $value-rtl $important;
+    }
+  }
+  @else {
+    @if $enable-rtl {
+      #{$property}: $value-rtl $important;
+    }
+    @else {
+      #{$property}: $value $important;
+    }
+  }
+}