Align tags

This commit is contained in:
Zach Leatherman 2021-03-19 20:38:32 -05:00
parent c0dd1fc8fe
commit 6e3282da5c
2 changed files with 5 additions and 4 deletions

View File

@ -5,9 +5,8 @@ templateClass: tmpl-post
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time> <time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
{%- for tag in tags | filterTagList -%}
{%- for tag in tags | filterTagList %} {%- set tagUrl %}/tags/{{ tag | slug }}/{% endset -%}
{%- set tagUrl %}/tags/{{ tag | slug }}/{% endset %}
<a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a> <a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
{%- endfor %} {%- endfor %}

View File

@ -197,7 +197,6 @@ code {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
vertical-align: text-top;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6875em; /* 11px /16 */ font-size: 0.6875em; /* 11px /16 */
padding: 0.09090909090909em 0.3636363636364em; /* 1px 4px /11 */ padding: 0.09090909090909em 0.3636363636364em; /* 1px 4px /11 */
@ -216,6 +215,9 @@ a[href].post-tag:hover,
a[href].post-tag:focus { a[href].post-tag:focus {
background-color: var(--lightgray); background-color: var(--lightgray);
} }
.postlist-item > .post-tag {
align-self: center;
}
/* Warning */ /* Warning */
.warning { .warning {