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"> <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>

View File

@@ -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>