Move navbar / active burger layout into mobile media selector (#460) (#461)

Author: jarrodmillman

assets/theme-css/navbar.css

@@ -116,18 +116,6 @@ nav,
   color: var(--colorPrimaryLight);
 }
 
-.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);
-}
-
 .navbar-logo {
   height: 28px;
   padding-right: 1rem;
@@ -223,8 +211,17 @@ a.navbar-item:hover {
     padding: 0.5rem 0;
   }
   .navbar-menu.is-active {
+    background: var(--pst-color-text-muted);
     display: block;
   }
+
+  .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 (min-width: 1024px) {
   .navbar,