bulma/docs/_includes/elements/variables.html

74 lines
2.4 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] %}
2018-06-16 19:47:52 +00:00
{% assign variables = include.variables | default: data.list %}
{% assign table_class = include.table_class | default: 'is-bordered' %}
{% if include.custom_message %}
{{ include.custom_message }}
{% else %}
{% assign variables_link_text = "these variables" %}
2018-06-16 19:47:52 +00:00
{% capture variables_link %}
2018-06-16 19:47:52 +00:00
{% if data.file_path %}
2018-06-17 00:05:48 +00:00
<a href="https://github.com/jgthms/bulma/blob/master/sass/{{ data.file_path }}" target="_blank" rel="nofollow">
2018-06-16 19:47:52 +00:00
{{ variables_link_text }}
</a>
{% else %}
{{ variables_link_text }}
{% endif %}
{% endcapture %}
2018-06-16 19:47:52 +00:00
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-06-19 12:33:54 +00:00
{% unless include.hide_anchor %}
{% include elements/anchor.html name=anchor_name %}
{% endunless %}
2017-07-28 21:57:51 +00:00
2018-06-19 12:33:54 +00:00
{% unless include.hide_content %}
<div class="content">
<p>{{ content | strip }}</p>
</div>
{% endunless %}
2017-07-28 21:57:51 +00:00
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>
2018-06-16 19:47:52 +00:00
<th>Type</th>
2018-03-26 14:33:31 +00:00
<th>Default value</th>
2018-06-16 19:47:52 +00:00
<th>Computed 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>
2018-06-16 19:47:52 +00:00
<th>Type</th>
2018-03-26 14:33:31 +00:00
<th>Default value</th>
2018-06-16 19:47:52 +00:00
<th>Computed value</th>
2018-03-26 14:33:31 +00:00
</tr>
</tfoot>
<tbody>
2018-06-16 20:12:34 +00:00
{% if include.variables_keys %}
{% for key in include.variables_keys %}
2018-06-19 12:33:54 +00:00
{% assign variable = site.data.variables[include.folder][include.file].by_name[key] %}
{% include elements/variable-row.html variable=variable %}
2018-06-16 20:12:34 +00:00
{% endfor %}
{% else %}
{% for variable_name in variables %}
{% assign variable = data.by_name[variable_name] %}
{% include elements/variable-row.html variable=variable %}
{% endfor %}
{% endif %}
2018-03-26 14:33:31 +00:00
</tbody>
</table>
</div>