post info: improve punctuation and space usage

* NEW Uses pseudo-element to add trailing space and coma.
* NEW Uses flex options to improve space usage.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
pull/31/head
iGor milhit 2020-01-19 18:00:55 +01:00
parent 84a2435161
commit 9fb6836788
Signed by: igor
GPG Key ID: 692D97C3D0228A99
3 changed files with 15 additions and 5 deletions

View File

@ -14,8 +14,8 @@ figure p,
.footnote-ref, .footnote-ref,
.main-footer, .main-footer,
nav, nav,
.post-info,
.posts-list footer { .posts-list footer {
font-size: $font-size-small; font-size: $font-size-small;
} }

View File

@ -12,18 +12,28 @@
} }
.post-info { .post-info {
font-size: 1rem;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;
> li {
padding-right: .5rem;
}
li { li {
list-style: none; list-style: none;
display: flex; display: flex;
padding-right: .5em;
> ul { > ul {
display: flex; display: flex;
padding: 0; padding: 0;
white-space: pre;
}
> ul:before {
content: " ";
white-space: pre;
} }
} }
} }
.post-taxonomies + .post-taxonomies:before {
content: ", ";
}

View File

@ -7,7 +7,7 @@
<li>Catégories&#x202F;: <li>Catégories&#x202F;:
<ul> <ul>
{{ range . }} {{ range . }}
<li><a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a> </li> <li class="post-taxonomies"> <a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a> </li>
{{ end }} {{ end }}
</ul> </ul>
</li> </li>
@ -16,7 +16,7 @@
<li>Tags&#x202F;: <li>Tags&#x202F;:
<ul> <ul>
{{ range . }} {{ range . }}
<li> <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a> </li> <li class="post-taxonomies"> <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a> </li>
{{ end }} {{ end }}
</ul> </ul>
</li> </li>