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 7156eb95..d430aaf8 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 b4eca9dd..73b208b8 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>
--
GitLab