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

fix jgthms/bulma#2244

Browse Source
This commit is contained in:
Grummfy 2019-05-31 12:08:39 +02:00
parent 01a1321e12
commit 8bce7d2df0
No known key found for this signature in database
GPG Key ID: 67E6A718916E8BB9
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,6 +62,25 @@ breadcrumb:
<p> <p>
To <strong>override</strong> any of these variables, just set them <em>before</em> importing Bulma. To <strong>override</strong> any of these variables, just set them <em>before</em> importing Bulma.
</p> </p>
<p>
Simple variable are quiete easy to change.
<code>
{{ initial_vars['$blue'].name }}: #00008B
</code>
<br />
For list, you mostly need to rewrite it.
<code>
$size-8: 0.25rem
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 $size-8
</code>
<br />
But some liste already have customize option, like the colors. In order to add custom colors (<i>is-orange</i>), you need to customize <i>$custom-colors</i> variable.
<code>
$orange: #ff8606
$orange-invert: findColorInvert($orange)
$custom-colors: ("orange": ($orange, $orange-invert))
</code>
</p>
</div> </div>
{% include elements/anchor.html name="Initial variables" %} {% include elements/anchor.html name="Initial variables" %}