From b2d3c9bb46733227046f00a68213a0fc27422f4b Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 18 Oct 2017 16:06:15 +0800
Subject: Rewrite Off-canvas example and code

---
 docs/src/docs.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'docs/src')

diff --git a/docs/src/docs.scss b/docs/src/docs.scss
index 3a88102..f441630 100644
--- a/docs/src/docs.scss
+++ b/docs/src/docs.scss
@@ -18,10 +18,6 @@
   .off-canvas-sidebar {
     width: 12rem;
   }
-
-  .off-canvas-content {
-    padding: 0 4rem;
-  }
 }
 
 .docs-navbar {
@@ -85,6 +81,10 @@
   flex: 1 1 auto;
   width: calc(100vw - 12rem);
 
+  &.off-canvas-content {
+    padding: 0 4rem;
+  }
+
   & > .container {
     margin-left: 0;
     max-width: 800px;
@@ -282,8 +282,14 @@
   }
 
   .off-canvas {
-    height: 20rem;
     position: relative;
+
+    .off-canvas-toggle {
+      left: $layout-spacing;
+      position: absolute;
+      top: $layout-spacing;
+      z-index: $zindex-0;
+    }
   }
 }
 
-- 
cgit v1.3.1-23-gd82d