mirror of
https://github.com/jgthms/bulma
synced 2026-03-22 05:04:28 -07:00
Fix font family helpers
This commit is contained in:
@@ -1,4 +1,12 @@
|
|||||||
|
{% assign current_version_value = site.data.meta.version | remove: "." | plus: 0 %}
|
||||||
|
{% assign tag_version_value = include.version | remove: "." | plus: 0 %}
|
||||||
|
|
||||||
<div class="tags has-addons">
|
<div class="tags has-addons">
|
||||||
<span class="tag">New!</span>
|
{% if tag_version_value > current_version_value %}
|
||||||
<span class="tag is-info">{{ include.version }}</span>
|
<span class="tag is-warning">Coming soon!</span>
|
||||||
|
<span class="tag is-danger">{{ include.version }}</span>
|
||||||
|
{% else %}
|
||||||
|
<span class="tag">New!</span>
|
||||||
|
<span class="tag is-info">{{ include.version }}</span>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
@@ -415,45 +415,34 @@ breadcrumb:
|
|||||||
|
|
||||||
{% include elements/anchor.html name="Font family" %}
|
{% include elements/anchor.html name="Font family" %}
|
||||||
|
|
||||||
|
{% include elements/new-tag.html version="0.7.3" %}
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p>
|
<p>
|
||||||
You can change the font family with the use of one of <strong>5 font family
|
You can change the font family with the use of one of <strong>3 font family helpers</strong>:
|
||||||
helpers</strong>:
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% assign font_families = "sans-serif,monospace,primary,secondary,code" | split: ',' %}
|
||||||
|
|
||||||
<table class="table is-bordered">
|
<table class="table is-bordered">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
Class
|
Class
|
||||||
</th>
|
</th>
|
||||||
<th>
|
<th>
|
||||||
Family
|
Family
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
{% for family in font_families %}
|
||||||
<td><code>is-family-primary</code></td>
|
<tr>
|
||||||
<td>Changes font family to <strong>$family-primary</strong></td>
|
<td><code>is-family-{{ family }}</code></td>
|
||||||
</tr>
|
<td>Sets font family to <code>$family-{{ family }}</code></td>
|
||||||
<tr>
|
</tr>
|
||||||
<td><code>is-family-secondary</code></td>
|
{% endfor %}
|
||||||
<td>Changes font family to <strong>$family-secondary</strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><code>is-family-sans-serif</code></td>
|
|
||||||
<td>Changes font family to <strong>$family-sans-serif</strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><code>is-family-monospace</code></td>
|
|
||||||
<td>Changes font family to <strong>$family-monospace</strong></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><code>is-family-code</code></td>
|
|
||||||
<td>Changes font family to <strong>$family-code</strong></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user