From 21e473ea76e0b1434a4962c1cb3a005670b13829 Mon Sep 17 00:00:00 2001
From: lesar <leonardo.saracini@gmail.com>
Date: Thu, 13 May 2021 10:51:15 +0200
Subject: [PATCH] Update variables.html

Add more documentation
---
 docs/documentation/customize/variables.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/documentation/customize/variables.html b/docs/documentation/customize/variables.html
index 5950dd11..c9fb20f7 100644
--- a/docs/documentation/customize/variables.html
+++ b/docs/documentation/customize/variables.html
@@ -60,11 +60,18 @@ breadcrumb:
   </ol>
 
   <p>
-    To <strong>override</strong> any of these variables, just set them <em>after</em> importing Bulma related file.
+    To <strong>override</strong> any of these variables, just set them <em>before</em> importing Bulma related file 
+    if you only override variable declared in bulma created using the sass !default abd not intended to use bulma 
+    variable in your overriding.
   </p>
   <p>
-    For example if you like to override $link-hover variable you have to import after all utilities 
-    or after defived-variables. 
+    To <strong>override</strong> any of these variables and use some of declared variable, 
+    just set them <em>after</em> importing Bulma related file.
+  </p>
+  <p>
+    For example if you like to override $link-hover variable like this $link-hover: $light; you have to import after all utilities 
+    or after defived-variables because $light is defined in derived-variables.sass. 
+    If you like to define your override befor importing bulma you have to define $light too
    </p>
    <p>
      Instead import all bulma css you have to import bulma/sass/utilities/_all.sass and then write your customization