From fb1ce8eeff9c524b631af086de54d44559ecb21b Mon Sep 17 00:00:00 2001
From: Eric Vantillard <eric.vantillard@evaxion.fr>
Date: Thu, 9 Nov 2017 20:34:09 +0100
Subject: [PATCH] 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.
---
 docs/documentation/overview/customize.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/documentation/overview/customize.html b/docs/documentation/overview/customize.html
index b9d3e9b8..d956603f 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 %}