Globalise inline list styling

This commit is contained in:
Maciej Pędzich 2023-05-22 18:37:54 +02:00
parent a73a9457c3
commit 0842a693a2
2 changed files with 12 additions and 14 deletions

View File

@ -6,7 +6,7 @@ const tags = frontMatterConfig['frontMatter.taxonomy.tags'];
--- ---
<BlogSubpage title="tags" description="all tags of maciej's blog posts"> <BlogSubpage title="tags" description="all tags of maciej's blog posts">
<ul id="tags"> <ul class="inline-list">
{ {
tags.sort().map((tag) => ( tags.sort().map((tag) => (
<li> <li>
@ -16,16 +16,3 @@ const tags = frontMatterConfig['frontMatter.taxonomy.tags'];
} }
</ul> </ul>
</BlogSubpage> </BlogSubpage>
<style>
#tags {
margin-top: 0.25rem;
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1rem;
}
#tags > li::before {
content: '';
}
</style>

View File

@ -177,3 +177,14 @@ nav > a {
header { header {
margin: 0em 0 2em; margin: 0em 0 2em;
} }
.inline-list {
margin-top: 0.25rem;
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1rem;
}
.inline-list > li::before {
content: '';
}