Fix bulma burger issues (#425)

Author: jarrodmillman

assets/theme-css/bulma.css

@@ -200,7 +200,7 @@ a.box:active {
 .navbar-burger span {
   background-color: currentColor;
   display: block;
-  height: 1px;
+  height: 2px;
   left: calc(50% - 8px);
   position: absolute;
   transform-origin: center;
@@ -218,6 +218,12 @@ a.box:active {
 .navbar-burger span:nth-child(3) {
   top: calc(50% + 4px);
 }
+.navbar-burger:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.navbar-burger.is-active span:first-child {
+  transform: translateY(5px) rotate(45deg);
+}
 .navbar-burger.is-active span:nth-child(2) {
   opacity: 0;
 }

assets/theme-css/styles.css

@@ -212,14 +212,17 @@ nav,
 .navbar-item {
   color: var(--pst-color-text-muted);
 }
-.navbar-menu.is-active {
-  background: var(--pst-color-text-muted);
-}
-.navbar-menu.is-active .navbar-item {
-  color: var(--pst-color-background);
-}
-.navbar-menu.is-active .navbar-item:hover {
-  color: var(--pst-color-link-hover);
+
+@media screen and (max-width: 1023px) {
+  .navbar-menu.is-active {
+    background: var(--pst-color-text-muted);
+  }
+  .navbar-menu.is-active .navbar-item {
+    color: var(--pst-color-background);
+  }
+  .navbar-menu.is-active .navbar-item:hover {
+    color: var(--pst-color-link-hover);
+  }
 }
 
 a.navbar-item,