Put more about tags in the flow & style 'em more subtle

This commit is contained in:
benjamin melançon 2018-12-12 03:29:20 -05:00
parent 4764bda7a4
commit e07c09f022
2 changed files with 23 additions and 7 deletions

View file

@ -110,6 +110,20 @@
}
}
// Tags ("More about")
.more-about-label,
.more-about-label:not(:last-child) {
margin-bottom: 0.666rem;
}
.more-about-tags {
margin-top: 0;
a {
color: $blue-light;
}
}
// Paragraph
//

View file

@ -20,10 +20,12 @@
*/
#}
<h3 class="subtitle is-mono is-4">More about...</h3>
<p>
{% for item in items %}
<div class="flow_middle">
<h3 class="more-about-label subtitle is-mono is-5">More about...</h3>
<p class="more-about-tags">
{% for item in items %}
{% if loop.length > 1 and loop.index == loop.length %}and {% endif %}
<strong>{{ item.content }}</strong>{% if loop.length > 2 and not loop.last %}, {% endif %}
{% endfor %}
</p>
{{ item.content }}{% if loop.length > 2 and not loop.last %}, {% endif %}
{% endfor %}
</p>
</div>