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">
<ul id="tags">
<ul class="inline-list">
{
tags.sort().map((tag) => (
<li>
@ -16,16 +16,3 @@ const tags = frontMatterConfig['frontMatter.taxonomy.tags'];
}
</ul>
</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 {
margin: 0em 0 2em;
}
.inline-list {
margin-top: 0.25rem;
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1rem;
}
.inline-list > li::before {
content: '';
}