Merge pull request #454 from jarrodmillman/simplify-navbar

Simplify navbar

Author: jarrodmillman

assets/theme-css/bulma.css

@@ -184,7 +184,7 @@ a.box:active {
     display: none !important;
   }
 }
-.navbar-link:not(.is-arrowless)::after {
+.navbar-link::after {
   border: 3px solid transparent;
   border-radius: 2px;
   border-right: 0;
@@ -277,7 +277,7 @@ a.box:active {
 .navbar-item.has-dropdown {
   padding: 0;
 }
-.navbar-link:not(.is-arrowless) {
+.navbar-link {
   padding-right: 2.5em;
 }
 .navbar-dropdown {

assets/theme-css/navbar.css

@@ -38,37 +38,34 @@ nav,
   font-weight: 700;
 }
 
-.navbar.is-fresh {
+.navbar {
+  box-shadow: none !important;
   position: sticky;
   top: 0;
   min-height: 3.8rem;
   transition: all 0.3s;
   z-index: 99;
 }
 
-.navbar.is-fresh .container {
+.navbar .container {
   min-height: 4rem;
 }
 
-.navbar.is-fresh.no-shadow {
-  box-shadow: none !important;
-}
-
-.navbar.is-fresh .navbar-burger {
+.navbar-burger {
   width: 4rem;
   height: 4rem;
 }
 
-.navbar.is-fresh .navbar-brand {
+.navbar-brand {
   min-height: 4rem;
 }
 
-.navbar.is-fresh .navbar-brand img {
+.navbar-brand img {
   max-height: 36px !important;
   height: 36px;
 }
 
-.navbar.is-fresh .navbar-end {
+.navbar-end {
   align-items: center;
 }
 
@@ -83,18 +80,18 @@ a.navbar-item:hover {
 }
 
 /* Dropdown menu item text */
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-link {
+.navbar-item.has-dropdown .navbar-link {
   color: #999;
   text-decoration: none;
 }
 
 /* Reduce space between dropdown item and its dropdown menu */
-.navbar.is-fresh .navbar-item.has-dropdown {
+.navbar-item.has-dropdown {
   padding: 10px 0;
 }
 
 /* Down arrow next to dropdown menu */
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-link:after {
+.navbar-item.has-dropdown .navbar-link:after {
   top: 55%;
   height: 0.5em;
   width: 0.5em;
@@ -103,23 +100,23 @@ a.navbar-item:hover {
 }
 
 /* Language dropdown box */
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown {
+.navbar-item.has-dropdown .navbar-dropdown {
   top: 3.4rem;
   min-width: 220px;
   margin-top: 4px;
 }
 
 /* Dropdown menu items */
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item {
   padding: 10px 20px;
 }
 
 /* Dropdown menu hover */
-.navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link {
+.navbar-item.has-dropdown:hover .navbar-link {
   color: var(--pst-color-link-hover);
 }
 
 /* Dropdown menu item hover */
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown .navbar-item:hover {
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item:hover {
   color: var(--pst-color-link-hover);
 }

assets/theme-css/styles.css

@@ -42,9 +42,7 @@ a > code {
   flex-direction: column;
   justify-content: space-between;
 }
-.hero .navbar {
-  background: 0 0;
-}
+
 .hero ul {
   border-bottom: none;
 }

layouts/partials/navbar.html

@@ -2,7 +2,7 @@
 {{- $navbar         := .Site.Params.navbar }}
 {{- $navbarLogo     := .Site.Params.navbarlogo }}
 {{- $navbarLogoShow := .Site.Params.navbarlogoshow }}
-<nav id="nav" class="navbar is-fresh no-shadow" role="navigation" aria-label="main navigation">
+<nav id="nav" class="navbar" role="navigation" aria-label="main navigation">
   <div class="container is-max-widescreen">
     <div class="navbar-brand">
       {{ if or (not .IsHome) ($navbarLogoShow) }}
@@ -21,7 +21,7 @@
       </a>
     </div>
 
-    <div id="navbar-menu" class="navbar-menu is-static">
+    <div id="navbar-menu" class="navbar-menu">
 
       <div class="navbar-end">
         {{- range $navbar }}