From 15cb817dd31a75a8e97c695d36b579dffe56008b Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Thu, 10 Oct 2024 23:04:15 -0700
Subject: [PATCH] Set line-height to 1 for a <p> with only an <img> child

This is an (annoying) quirk of how Hugo renders Markdown. Sometimes images
are embedded in <p> tags, even if the <img> element is produced by a shortcode.
---
 assets/css/010_typography.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/css/010_typography.css b/assets/css/010_typography.css
index daf4759..f85b255 100644
--- a/assets/css/010_typography.css
+++ b/assets/css/010_typography.css
@@ -84,6 +84,10 @@ h4 {
 
 p {
   letter-spacing: 0.01em;
+
+  :has(img:only-child) {
+    line-height: 1;
+  }
 }
 
 sup {