repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Use bulma tags for tags

Browse source
This commit is contained in:
Jake Howard 2022-06-26 12:55:20 +01:00
parent b4c5032448
commit ed535626b5
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 29 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
static/src/scss/_content.scss
View file

@ -4,11 +4,27 @@ section.content {
}
.content-details {
span + span {
& > span + span {
margin-left: 0.5rem;
}
i {
margin-right: 5px;
}
.tags {
display: inline-flex;
margin-bottom: 0;
.tag {
background-color: unset;
font-size: inherit;
margin-bottom: 0;
padding: 0;
& &:not(:last-child) {
margin-right: 0.2rem !important;
}
}
}
}

15
website/common/templates/common/content-details.html
View file

@ -6,6 +6,15 @@
<span title="{{ page.word_count }} words"><i class="far fa-clock"></i>{{ page.reading_time }} minutes</span>
{% endif %}
{% if page.tags.all %}
<span class="is-family-code"><i class="fas fa-tags"></i>{% for tag in page.tags.all %}<a title="{{ tag.name }}">#{{ tag.slug }}</a>{% endfor %}</span>
{% endif %}
{% spaceless %}
{% if page.tags.all %}
<span>
<i class="fas fa-tags"></i>
<div class="tags is-family-code">
{% for tag in page.tags.all %}
<span class="tag"><a title="{{ tag.name }}">#{{ tag.slug }}</a></span>
{% endfor%}
</div>
<span>
{% endif %}
{% endspaceless %}