Fixes issue #753 (#1884)

* Add Sass variable to control Navbar Burger color

Adds a sass variable to control the Navbar's burger color. Sets the default to match what the Item color is set to.

* Update order for bulma code styles

* Update Docs to reflect the improvement/bugifx.

docs/_data/variables/components/navbar.json

@@ -46,6 +46,11 @@
       "name": "$navbar-item-img-max-height",
       "value": "1.75rem"
     },
+    "navbar-hamburger-color": {
+      "id": "navbar-hamburger-color",
+      "name": "$navbar-hamburger-color",
+      "value": "$navbar-item-color"
+    },
     "navbar-tab-hover-background-color": {
       "id": "navbar-tab-hover-background-color",
       "name": "$navbar-tab-hover-background-color",
@@ -147,4 +152,4 @@
       "value": "$border"
     }
   }
-}
+}

sass/components/navbar.sass

@@ -14,6 +14,8 @@ $navbar-item-active-color: $black !default
 $navbar-item-active-background-color: transparent !default
 $navbar-item-img-max-height: 1.75rem !default
 
+$navbar-hamburger-color: $navbar-item-color !default
+
 $navbar-tab-hover-background-color: transparent !default
 $navbar-tab-hover-border-bottom-color: $link !default
 $navbar-tab-active-color: $link !default
@@ -139,6 +141,7 @@ body
   overflow-y: hidden
 
 .navbar-burger
+  color: $navbar-hamburger-color
   +hamburger($navbar-height)
   margin-left: auto