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.

diff --git a/docs/_data/variables/components/navbar.json b/docs/_data/variables/components/navbar.json
index 811dce841320c2219e8e6d7353f3529ad6d07d58..b7c0fdd7bd56ee9befdcbae87732890d9180cbf2 100644 (file)
--- a/docs/_data/variables/components/navbar.json
+++ b/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"
     }
   }
-}
\ No newline at end of file
+}

diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index 0018fbb8e34cafedac5e75cc656b8e3b85f366d9..753bfff53129084cd6e6ffdea19984f4b8c52fc7 100644 (file)
--- a/sass/components/navbar.sass
+++ b/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