library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update variables.html

Browse Source 
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
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/documentation/customize/variables.html
View File

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