agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
agaric/sass/agaric/_base.typography.scss
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 // Paragraph
// //

16
agaric/templates/field/field--field-tags.html.twig
View file

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