Update Off-canvas default behavior and new option available #347

1 files changed, 19 insertions, 21 deletions

diff --git a/src/_off-canvas.scss b/src/_off-canvas.scss
index 061dc26..a85d9fe 100644
--- a/src/_off-canvas.scss
+++ b/src/_off-canvas.scss
@@ -8,6 +8,15 @@ $off-canvas-breakpoint: $size-lg !default;
   position: relative;
   width: 100%;
 
+  .off-canvas-toggle {
+    display: block;
+    left: $layout-spacing;
+    position: absolute;
+    top: $layout-spacing;
+    transition: none;
+    z-index: $zindex-0;
+  }
+
   .off-canvas-sidebar {
     background: $bg-color;
     bottom: 0;
@@ -53,32 +62,21 @@ $off-canvas-breakpoint: $size-lg !default;
       z-index: $zindex-2;
     }
   }
-
-  .off-canvas-toggle {
-    display: block;
-    left: $layout-spacing;
-    position: absolute;
-    top: $layout-spacing;
-    transition: none;
-    z-index: $zindex-0;
-  }
 }
 
 // Responsive layout
 @media (min-width: $off-canvas-breakpoint) {
   .off-canvas {
-    .off-canvas-sidebar {
-      flex: 0 0 auto;
-      position: relative;
-      transform: none;
-    }
-
-    .off-canvas-content {
-      padding-left: $layout-spacing-lg;
-    }
-
-    .off-canvas-toggle {
-      display: none;
+    &.off-canvas-sidebar-show {
+      .off-canvas-toggle {
+        display: none;
+      }
+  
+      .off-canvas-sidebar {
+        flex: 0 0 auto;
+        position: relative;
+        transform: none;
+      }
     }
   }
 }