Merge pull request #402 from picturepan2/0.5.1 v0.5.1

0.5.1

1 files changed, 14 insertions, 5 deletions

diff --git a/src/_off-canvas.scss b/src/_off-canvas.scss
index a85d9fe..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-3;
+    z-index: $zindex-2;
+    @if $rtl == true {
+      right: 0;
+      transform: translateX(100%);
+    } @else {
+      left: 0;
+      transform: translateX(-100%);
+    }
   }
 
   .off-canvas-content {
@@ -59,7 +68,7 @@ $off-canvas-breakpoint: $size-lg !default;
     &:target ~ .off-canvas-overlay,
     &.active ~ .off-canvas-overlay {
       display: block;
-      z-index: $zindex-2;
+      z-index: $zindex-1;
     }
   }
 }