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 @@
-
+
{% for post in postslist | reverse %}
-
- {% if post.data.title %}{{ post.data.title }}{% else %}
{{ post.url }}
{% endif %}
+
{% 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);
+}