diff options
1 files changed, 19 insertions, 21 deletions
| -rw-r--r-- | src/_off-canvas.scss | 40 |
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; + } } } } |