From: Eric Vantillard <eric.vantillard@evaxion.fr>
Date: Thu, 9 Nov 2017 19:34:09 +0000 (+0100)
Subject: Fix default sample code in customize.html (#1431)
X-Git-Tag: 0.6.2~53
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fb1ce8eeff9c524b631af086de54d44559ecb21b;p=thirdparty%2Fbulma.git

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.
---

diff --git a/docs/documentation/overview/customize.html b/docs/documentation/overview/customize.html
index b9d3e9b86..d956603fe 100644
--- a/docs/documentation/overview/customize.html
+++ b/docs/documentation/overview/customize.html
@@ -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 %}