From 89adeed2396b1180273479af089eaca416081e4f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Wed, 16 Jun 2021 16:39:05 +0200
Subject: Use "title" class for the header in the banner

This improves the readability and consistency of the CSS.
---
 sass/style.sass       | 24 ++++++++++++------------
 templates/macros.html |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/sass/style.sass b/sass/style.sass
index e5eedb0..c05ed26 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -59,6 +59,17 @@ a.bold-hover:hover
 h2.mentions
   margin-bottom: .2rem
 
+h2.title
+  display: inline-block
+  margin: 0
+
+  font-size: inherit
+  font-style: italic
+  font-weight: inherit
+
+  &::before
+    @include spacer
+
 pre
   margin-left: 1rem
 
@@ -140,17 +151,6 @@ article > section.post
     border-radius: 8px
     max-width: 100%
 
-div.banner h2
-  display: inline-block
-  margin: 0
-
-  font-size: inherit
-  font-style: italic
-  font-weight: inherit
-
-  &::before
-    @include spacer
-
 div.banner > div.info
   display: inline-flex
 
@@ -203,5 +203,5 @@ nav.links
     div.info > time
       display: none
 
-    div.info > h2::before
+    div.info > h2.title::before
       display: none
diff --git a/templates/macros.html b/templates/macros.html
index 6071769..a331606 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -6,7 +6,7 @@
 			<div class="info">
 				<a class="bold-hover" title="permalink to this post" href="{{ post.permalink }}">{% if mention %}№ {{ post.slug }} {% else %}§{% endif %}</a>
 				<time class="mute" datetime="{{ post.date }}" title="{{ post.date }}">{{ post.date | date(format="%F %R") }}</time>
-				{%- if class != "single" %}<h2 class="mute">{{ post.title }}</h2>{% endif %}
+				{%- if class != "single" %}<h2 class="mute title">{{ post.title }}</h2>{% endif %}
 			</div>
 			{%- if "tags" in post.taxonomies %}
 			<nav class="tags">
-- 
cgit v1.2.3-2-gb3c3