From b2581c19a6a95df0cbdc0baa0f3e641ed7976414 Mon Sep 17 00:00:00 2001
From: Eisverygoodletter <76079042+Eisverygoodletter@users.noreply.github.com>
Date: Tue, 26 Jul 2022 11:41:31 +0800
Subject: [PATCH] Fix vertical alignment for consecutive labels (#893)

Fixes a problem where multiple labels right after a heading are vertically misaligned.

Closes #751.
---
 _sass/content.scss |  2 +-
 docs/index-test.md | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/_sass/content.scss b/_sass/content.scss
index 7156eb9..d430aaf 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -219,7 +219,7 @@
       margin-top: 1em;
     }
 
-    + p {
+    + p:not(.label) {
       margin-top: 0;
     }
   }
diff --git a/docs/index-test.md b/docs/index-test.md
index b4eca9d..73b208b 100644
--- a/docs/index-test.md
+++ b/docs/index-test.md
@@ -186,6 +186,29 @@ Some text
 
 "[Wroclaw University Library digitizing rare archival texts](https://www.flickr.com/photos/97810305@N08/9401451269)" by [j_cadmus](https://www.flickr.com/photos/97810305@N08) is marked with [CC BY 2.0](https://creativecommons.org/licenses/by/2.0/?ref=openverse).
 
+### Labels
+
+I'm a label
+{: .label }
+
+blue
+{: .label .label-blue }
+green
+{: .label .label-green }
+purple
+{: .label .label-purple }
+yellow
+{: .label .label-yellow }
+red
+{: .label .label-red }
+
+**bold**
+{: .label }
+*italic*
+{: .label }
+***bold + italic***
+{: .label }
+
 ### Definition lists can be used with HTML syntax.
 
 <dl>