Fix font family helpers

This commit is contained in:
Jeremy Thomas 2018-10-28 23:55:59 +00:00
parent fe1385327d
commit 6f47b90a3f
2 changed files with 29 additions and 32 deletions

View File

@ -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">
<span class="tag">New!</span>
<span class="tag is-info">{{ include.version }}</span>
{% if tag_version_value > current_version_value %}
<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>

View File

@ -415,45 +415,34 @@ breadcrumb:
{% include elements/anchor.html name="Font family" %}
{% include elements/new-tag.html version="0.7.3" %}
<div class="content">
<p>
You can change the font family with the use of one of <strong>5 font family
helpers</strong>:
You can change the font family with the use of one of <strong>3 font family helpers</strong>:
</p>
</div>
{% assign font_families = "sans-serif,monospace,primary,secondary,code" | split: ',' %}
<table class="table is-bordered">
<thead>
<tr>
<th>
Class
</th>
<th>
Family
</th>
</tr>
<tr>
<th>
Class
</th>
<th>
Family
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>is-family-primary</code></td>
<td>Changes font family to <strong>$family-primary</strong></td>
</tr>
<tr>
<td><code>is-family-secondary</code></td>
<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>
{% for family in font_families %}
<tr>
<td><code>is-family-{{ family }}</code></td>
<td>Sets font family to <code>$family-{{ family }}</code></td>
</tr>
{% endfor %}
</tbody>
</table>