Initial commit of RTL support

1 files changed, 12 insertions, 3 deletions

diff --git a/src/_off-canvas.scss b/src/_off-canvas.scss
index 5adb1c7..27dd7cd 100644
--- a/src/_off-canvas.scss
+++ b/src/_off-canvas.scss
@@ -10,24 +10,33 @@ $off-canvas-breakpoint: $size-lg !default;
 
   .off-canvas-toggle {
     display: block;
-    left: $layout-spacing;
     position: absolute;
     top: $layout-spacing;
     transition: none;
     z-index: $zindex-0;
+    @if $rtl == true {
+      right: $layout-spacing;
+    } @else {
+      left: $layout-spacing;
+    }
   }
 
   .off-canvas-sidebar {
     background: $bg-color;
     bottom: 0;
-    left: 0;
     min-width: 10rem;
     overflow-y: auto;
     position: fixed;
     top: 0;
-    transform: translateX(-100%);
     transition: transform .25s ease;
     z-index: $zindex-2;
+    @if $rtl == true {
+      right: 0;
+      transform: translateX(100%);
+    } @else {
+      left: 0;
+      transform: translateX(-100%);
+    }
   }
 
   .off-canvas-content {