layout: improve list of post taxonomy terms

Wraps the flex of the taxonomy term list to prevent the content being
larger than small screens. Also improves the solution for the coma
separator, to get a coma after a term (and not before), and not after
the last item of the list.

Closes #10

Co-Authored-by: Igor Milhit <igor@milhit.ch>
pull/32/head
iGor milhit 2020-05-24 21:28:11 +02:00
parent 920fe4d156
commit 16891aa840
Signed by: igor
GPG Key ID: 692D97C3D0228A99
1 changed files with 5 additions and 2 deletions

View File

@ -25,6 +25,7 @@
display: flex; display: flex;
> ul { > ul {
display: flex; display: flex;
flex-wrap: wrap;
padding: 0; padding: 0;
white-space: pre; white-space: pre;
} }
@ -35,6 +36,8 @@
} }
} }
.post-taxonomies + .post-taxonomies:before { .post-taxonomies:not(:last-child) {
content: ", "; &::after {
content: ", ";
}
} }