bulma/docs/_includes/elements/variables.html

62 lines
1.9 KiB
HTML
Raw Normal View History

{% capture content %}
{% assign anchor_name = include.anchor_name | default: 'Variables' %}
{% assign tab = include.tab | default: page.doc-tab %}
{% assign subtab = include.subtab | default: page.doc-subtab %}
{% assign type = include.type | default: tab %}
{% assign data = include.data | default: site.data.variables[tab][subtab] %}
{% assign variables = include.variables | default: data.vars %}
{% assign table_class = include.table_class | default: 'is-bordered' %}
{% if include.custom_message %}
{{ include.custom_message }}
{% else %}
{% assign variables_link_text = "these variables" %}
{% capture variables_link %}
{% if data.file_url %}
<a href="{{ data.file_url }}" target="_blank">{{ variables_link_text }}</a>
{% else %}
{{ variables_link_text }}
{% endif %}
{% endcapture %}
You can use {{ variables_link | strip }} to <strong>customize</strong> this {{ type }}. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
{% endif %}
{% endcapture %}
2018-04-09 21:25:26 +00:00
{% include elements/anchor.html name=anchor_name %}
2017-07-28 21:57:51 +00:00
<div class="content">
<p>{{ content | strip }}</p>
2017-07-28 21:57:51 +00:00
</div>
2018-03-26 14:33:31 +00:00
<div class="table-container">
<table class="table {{ table_class }}">
<thead>
2017-07-28 21:57:51 +00:00
<tr>
2018-03-26 14:33:31 +00:00
<th>Name</th>
<th>Default value</th>
2017-07-28 21:57:51 +00:00
</tr>
2018-03-26 14:33:31 +00:00
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Default value</th>
</tr>
</tfoot>
<tbody>
{% for variable_hash in variables %}
{% assign variable = variable_hash[1] %}
<tr>
<td >
<code style="white-space: nowrap;">{{ variable.name }}</code>
</td>
<td>
<code>{{ variable.value }}</code>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>