From 4e4578058294cb69ed0dc8c7b63c224b68f4fa12 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 31 Oct 2017 08:02:36 -0400
Subject: [PATCH] Default responsive sidebar to closed

Previously, if you loaded the page at a wide size then resized smaller,
the sidebar would be open.
---
 docs/source/_layouts/documentation.blade.php | 13 ++-----------
 docs/tailwind.js                             |  1 +
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/docs/source/_layouts/documentation.blade.php b/docs/source/_layouts/documentation.blade.php
index 71a690bf6..b0d6f8753 100644
--- a/docs/source/_layouts/documentation.blade.php
+++ b/docs/source/_layouts/documentation.blade.php
@@ -3,7 +3,7 @@
 @section('body')
 
 <div class="min-h-screen">
-    <div id="sidebar" class="z-50 fixed pin-y pin-l overflow-y-scroll bg-smoke-light w-4/5 md:w-full md:max-w-xs flex-none border-r-2 border-smoke md:flex flex-col">
+    <div id="sidebar" class="hidden z-50 fixed pin-y pin-l overflow-y-scroll bg-smoke-light w-4/5 md:w-full md:max-w-xs flex-none border-r-2 border-smoke md:flex flex-col">
         <div class="border-b border-smoke flex-none p-8">
             <div class="hidden md:block text-center mb-8">
                 <a href="/" class="inline-block">
@@ -180,7 +180,7 @@
                   </div>
             </div>
         </div>
-        <div id="content" class="px-6 py-16 md:py-8 w-full max-w-xl mx-auto">
+        <div id="content" class="px-6 pb-8 pt-20 md:pt-8 w-full max-w-xl mx-auto">
             <div id="app">
                 <div class="markdown">
                     @if ($page->category)
@@ -191,9 +191,6 @@
             </div>
             <script src="/js/app.js"></script>
             <script>
-                anchors.options = { placement: 'left', class: 'text-slate-light' };
-                anchors.add();
-
                 var closeSidebar = function () {
                     $('#sidebar').addClass("hidden");
                     $('.js-close-sidebar').addClass("hidden");
@@ -207,12 +204,6 @@
                     $('#sidebar').removeClass("hidden");
                     $('.js-close-sidebar').removeClass("hidden");
                 });
-
-                $(document).ready(function () {
-                  if ($(window).width() <= 767) {
-                    closeSidebar();
-                  }
-                });
             </script>
         </div>
     </div>
diff --git a/docs/tailwind.js b/docs/tailwind.js
index 9b00ca94f..ff68e820e 100644
--- a/docs/tailwind.js
+++ b/docs/tailwind.js
@@ -73,6 +73,7 @@ config.padding = {
   '10': '2.5rem',
   '12': '3rem',
   '16': '4rem',
+  '20': '5rem',
   '80': '20rem',
   ...config.padding,
 }