Adjust joined directories gap

helenclx · Sep 3, 2024 · 7e34c40 · 7e34c40
1 parent 274a399
commit 7e34c40
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/_includes/main/webmembership.njk b/src/_includes/main/webmembership.njk
@@ -42,7 +42,7 @@
 <section class="section--home grid-center">
     <h2 class="heading--home">Directories</h2>
     <p class="text-center">{{ sitemeta.siteDomain }} is listed at the following directories:</p>
-    <ul class="inline-list" style="margin-top: 1em;">
+    <ul class="widgets directories">
         <li><a href="https://bukmark.club/">BUKMARK.CLUB</a></li>
         <li><a href="https://darktheme.club/">The Darktheme Club</a></li>
         <li><a href="https://www.11ty.dev/authors/">Eleventy Authors</a></li>

diff --git a/src/assets/css/home.css b/src/assets/css/home.css
@@ -110,11 +110,17 @@
     flex-wrap: wrap;
     justify-content: center;
 }
-.webrings {
+
+.widgets.webrings {
     gap: 2em;
     margin-top: 1.5em;
 }
-.webrings h3 { font-size: 1.5rem; }
+.widgets.webrings h3 { font-size: 1.5rem; }
+
+.widgets.directories {
+    padding: 0;
+    gap: var(--sz-list-gap) 1.2em;
+}
 
 .home__badges {
     --badge-gap: 0.5em;