Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Customize section init

Browse Source
This commit is contained in:
Jeremy Thomas
2018-07-14 00:42:07 +01:00
parent 5a478857a8
commit f637ee0009
17 changed files with 460 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
docs/documentation/customize/concepts.html Normal file
View File

@@ -0,0 +1,53 @@
---
title: Concepts
layout: documentation
doc-tab: customize
doc-subtab: concepts
breadcrumb:
- home
- documentation
- customize
- customize-concepts
---
<div class="content">
<p>
Bulma is highly customizable thanks to <strong>415 Sass variables</strong> living across <strong>28 files</strong>.
</p>
<p>
These variables exist at 3 levels:
</p>
<ul>
<li>
<strong><a href="/documentation/overview/variables/#initial-variables">initial variables</a></strong>: global variables with <strong>literal</strong> values
</li>
<li>
<strong><a href="/documentation/overview/variables/#derived-variables">derived variables</a></strong>: global variables with values that reference other variables, or are computed
</li>
<li>
<strong>element/component variables</strong>: variables that are specific to a Bulma element/component
</li>
</ul>
</div>
{% include elements/anchor.html name="Strategy" %}
<div class="content">
<p>
To customize Bulma, you will need to:
</p>
<ul>
<li>
<strong>install</strong> (or download) Bulma
</li>
<li>
have a working <strong>Sass setup</strong>
</li>
<li>
create your own <code>.scss</code> or <code>.sass</code> file
</li>
</ul>
</div>