Add inline-list utility class

This commit is contained in:
Helen Chong 2024-07-18 10:44:41 +08:00
parent de39b9e0c3
commit 6b8eaefa5f
2 changed files with 9 additions and 3 deletions

View File

@ -25,6 +25,12 @@
fill: currentColor;
}
.inline-list {
display: flex;
flex-wrap: wrap;
gap: 0.7em 1.5em;
}
.hidden { display: none; }
.visually-hidden {

View File

@ -35,13 +35,13 @@ date: 2023-01-28
{{ siteButton("https://whiona.me/", "sites/whiona.png", "Whiona") }}
{{ siteButton("https://xandra.cc/", "sites/xandra.png", "Museum of Alexandra") }}
</ul>
<ul>
<ul class="inline-list">
<li><a href="https://www.eladnarra.com/">eladnarra's site</a></li>
<li><a href="https://stitchmediamix.com/">Stitchs Media Mix</a></li>
</ul>
<h3>Link Exchanges</h3>
<ul>
<ul class="inline-list">
<li><a href="https://theretrosaga.com/">The Retro Saga</a></li>
</ul>
@ -55,7 +55,7 @@ date: 2023-01-28
{{ siteButton("https://kalechips.net/responsive/", "directories/responsiveweb.png", "Responsive Web Directory") }}
{{ siteButton("https://smoothsailing.asclaria.org/", "directories/smoothsailing.png", "Smooth Sailing Listings") }}
</ul>
<ul>
<ul class="inline-list">
<li>👻 Proud member of <a href="https://darktheme.club/">darktheme.club</a> 👻</li>
</ul>