library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-12-12 13:28:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixes issue #753 (#1884)

Browse Source 
* 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.
This commit is contained in:
Dan 2018-05-30 04:27:13 -04:00 committed by Jeremy Thomas
parent 8486c0d751
commit 768069ad90
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/_data/variables/components/navbar.json
View File

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

3
sass/components/navbar.sass
View File

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