From 2f4f9c2465f3fb26166c201383a308e34b6e5019 Mon Sep 17 00:00:00 2001
From: Phreshhh <thatismyspecial@gmail.com>
Date: Mon, 11 Feb 2019 09:36:27 +0100
Subject: [PATCH] button fix for backward compatibility

---
 src/components/_navbar.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/_navbar.scss b/src/components/_navbar.scss
index f015594..4e23860 100644
--- a/src/components/_navbar.scss
+++ b/src/components/_navbar.scss
@@ -23,6 +23,7 @@ nav {
     width: 2rem;
   }
 
+  .collapsible input[id^=collapsible]:checked + button, // Leaving for backwards compatibility. See docs for proper usage
   .collapsible input[id^=collapsible]:checked + label {
     .bar1 {
       transform: rotate(-45deg) translate(-9px, 7px);
@@ -101,7 +102,7 @@ nav {
     h3,
     h4,
     h5,
-    h6, {
+    h6 {
       margin: 0;
       margin-bottom: 0.2rem;
     }
@@ -141,6 +142,11 @@ nav {
     border-top-right-radius: 15px 225px;
   }
 
+  .collapsible > button { // Leaving for backwards compatibility. See docs for proper usage
+    border: 0;
+  }
+
+  .collapsible > button, // Leaving for backwards compatibility. See docs for proper usage
   .collapsible > label {
     background-color: $main-background;
     display: none;