From 2397230ea1be8661c208215e93f0ec765d15e6ef Mon Sep 17 00:00:00 2001
From: Ethan Gardner <egardner@taunton.com>
Date: Mon, 9 Jan 2023 11:59:43 -0500
Subject: [PATCH] postlist style

---
 _includes/articleslist.njk      |  6 ++++--
 src/css/app.css                 |  1 +
 src/css/base/global.css         | 12 ++++++------
 src/css/components/postlist.css |  5 +++++
 4 files changed, 16 insertions(+), 8 deletions(-)
 create mode 100644 src/css/components/postlist.css

diff --git a/_includes/articleslist.njk b/_includes/articleslist.njk
index 2e945f8..f5452d3 100644
--- a/_includes/articleslist.njk
+++ b/_includes/articleslist.njk
@@ -1,7 +1,9 @@
-<ol reversed class="postlist" style="counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }}">
+<ol reversed class="postlist list-reset">
   {% for post in postslist | reverse %}
     <li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
-      <a href="{{ post.url | url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
+      <h2>
+        <a href="{{ post.url | url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
+      </h2>
       <time class="postlist-date icon--date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate }}</time>
       <ul class="post-tags list-reset">
       {% for tag in post.data.tags | filterTagList %}
diff --git a/src/css/app.css b/src/css/app.css
index 18255f4..899ea16 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -4,6 +4,7 @@
 @import 'utilities/helpers.css';
 @import 'layout/header.css';
 @import 'layout/article.css';
+@import 'components/postlist.css';
 @import 'components/meta.css';
 @import 'components/icons.css';
 @import 'components/syntax.css';
diff --git a/src/css/base/global.css b/src/css/base/global.css
index 0af6bb5..b8ef1d1 100644
--- a/src/css/base/global.css
+++ b/src/css/base/global.css
@@ -34,27 +34,27 @@ ol {
 }
 
 h1 {
-  font-size: clamp(2.4rem, 4vw, 3.2rem);
+  font-size: clamp(2.5rem, 4vw, 3.5rem);
 }
 
 h2 {
-  font-size: clamp(2.2rem, 4vw, 3rem);
+  font-size: clamp(2.25rem, 4vw, 3rem);
 }
 
 h3 {
-  font-size: clamp(1.9rem, 4vw, 2.7rem);
+  font-size: clamp(2rem, 4vw, 2.5rem);
 }
 
 h4 {
-  font-size: clamp(1.6rem, 4vw, 2.4rem);
+  font-size: clamp(1.75rem, 4vw, 2.0rem);
 }
 
 h5 {
-  font-size: clamp(1.5rem, 4vw, 2.2rem);
+  font-size: var(--font-size-4);
 }
 
 h6 {
-  font-size: clamp(1.4rem, 4vw, 2rem);
+  font-size: var(--font-size-3);
 }
 
 a {
diff --git a/src/css/components/postlist.css b/src/css/components/postlist.css
new file mode 100644
index 0000000..304eae2
--- /dev/null
+++ b/src/css/components/postlist.css
@@ -0,0 +1,5 @@
+.postlist-item {
+  border-bottom: 1px solid var(--gray-4);
+  padding-bottom: var(--size-6);
+  margin-bottom: var(--size-6);
+}