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/css/docs.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'docs/css/docs.css')

diff --git a/docs/css/docs.css b/docs/css/docs.css
index 23ba6bf..216ab00 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -14,10 +14,6 @@
   width: 12rem;
 }
 
-.off-canvas .off-canvas-content {
-  padding: 0 4rem;
-}
-
 .docs-navbar {
   height: 3.8rem;
   position: fixed;
@@ -73,6 +69,10 @@
   width: calc(100vw - 12rem);
 }
 
+.docs-content.off-canvas-content {
+  padding: 0 4rem;
+}
+
 .docs-content > .container {
   margin-left: 0;
   max-width: 800px;
@@ -281,10 +281,16 @@
 }
 
 .docs-content .off-canvas {
-  height: 20rem;
   position: relative;
 }
 
+.docs-content .off-canvas .off-canvas-toggle {
+  left: .4rem;
+  position: absolute;
+  top: .4rem;
+  z-index: 1;
+}
+
 .docs-brand {
   color: #5755d9;
   left: 1.5rem;
-- 
cgit v1.3.1-23-gd82d