Fix default sample code in customize.html (#1431)

Actually, the default code will result in an unexepected behavior: the `$color` map is defined in `derived-variables.sass` before setting the custom colors.

IMHO the lists and maps should be defined in a dedicated sass file to avoid confusion in customisation.
This commit is contained in:
Eric Vantillard 2017-11-09 20:34:09 +01:00 committed by Jeremy Thomas
parent e5e57460e4
commit fb1ce8eeff

View File

@ -9,7 +9,6 @@ doc-subtab: customize
// 1. Import the initial variables
@import "../sass/utilities/initial-variables"
@import "../sass/utilities/functions"
@import "../sass/utilities/derived-variables.sass"
// 2. Set your own initial variables
// Update blue
@ -36,7 +35,9 @@ $twitter: #1DA1F2
$twitter-invert: findColorInvert($twitter)
$github: #222222
$github-invert: findColorInvert($github)
// Add new color variables to the color map.
// 5. Add new color variables to the color map.
@import "../sass/utilities/derived-variables.sass"
$addColors: (
"twitter":($twitter, $twitter-invert),
"linkedin": ($linkedin, $linkedin-invert),
@ -44,7 +45,7 @@ $addColors: (
)
$colors: map-merge($colors, $addColors)
// 5. Import the rest of Bulma
// 6. Import the rest of Bulma
@import "../bulma"
{% endcapture %}