Update variables.html

Add more documentation
This commit is contained in:
lesar 2021-05-13 10:51:15 +02:00 committed by GitHub
parent 2a72474f59
commit 21e473ea76
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -60,11 +60,18 @@ breadcrumb:
</ol> </ol>
<p> <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>
<p> <p>
For example if you like to override $link-hover variable you have to import after all utilities To <strong>override</strong> any of these variables and use some of declared variable,
or after defived-variables. 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>
<p> <p>
Instead import all bulma css you have to import bulma/sass/utilities/_all.sass and then write your customization Instead import all bulma css you have to import bulma/sass/utilities/_all.sass and then write your customization