From 22365ff97797ff171c85370f7224eabb42918f08 Mon Sep 17 00:00:00 2001
From: Hornwitser <github@hornwitser.no>
Date: Sun, 16 Feb 2025 23:56:49 +0100
Subject: [PATCH] Add tight spacing class for use with lists

---
 src/content/projects/my-site.tsx | 2 +-
 web/assets/styles/base.css       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/content/projects/my-site.tsx b/src/content/projects/my-site.tsx
index 98e5482..47d95e5 100644
--- a/src/content/projects/my-site.tsx
+++ b/src/content/projects/my-site.tsx
@@ -19,7 +19,7 @@ const content = <>
 	<p>
 		This has some interesting advantages:
 	</p>
-	<ul>
+	<ul class="tight">
 		<li>
 			HTML content is only generated when it's changed, rather than being redone on every request.
 		</li>
diff --git a/web/assets/styles/base.css b/web/assets/styles/base.css
index 9ef6354..40b77db 100644
--- a/web/assets/styles/base.css
+++ b/web/assets/styles/base.css
@@ -64,6 +64,9 @@ h1, h2, h3, h4 {
 :is(hgroup, p, blockquote, ol, ul, li) + :is(hgroup, blockquote, p, ol, ul, li) {
 	margin-block-start: var(--block-space, 1em);
 }
+.tight {
+	--block-space: 0.35em;
+}
 
 blockquote {
 	padding-inline: 1.25em;