style collection title

ethangardner · Jan 9, 2023 · 13efa82 · 13efa82
1 parent 168fae7
commit 13efa82
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/index.njk b/index.njk
@@ -3,7 +3,7 @@ layout: layouts/base.njk
 title: Recent Articles
 ---
 <div class="content">
-  <h1>{{ title }}</h1>
+  <h1 class="collection-title">{{ title }}</h1>
   <ol reversed class="postlist list-reset">
     {% for article in collections.articles | reverse %}
       <li class="postlist-item{% if article.url == url %} postlist-item-active{% endif %}">

diff --git 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 'layout/collection.css';
 @import 'components/postlist.css';
 @import 'components/meta.css';
 @import 'components/icons.css';

diff --git a/src/css/layout/collection.css b/src/css/layout/collection.css
@@ -0,0 +1,4 @@
+.collection-title {
+  font-size: var(--size-4);
+  text-transform: uppercase;
+}
diff --git a/tags.njk b/tags.njk
@@ -14,7 +14,7 @@ eleventyComputed:
   title: Tagged “{{ tag }}”
 permalink: /tags/{{ tag | slugify }}/
 ---
-<h1>Tagged “{{ tag }}”</h1>
+<h1 class="collection-title">Tagged “{{ tag }}”</h1>
 
 {% set postslist = collections[ tag ] %}
 {% include "articleslist.njk" %}