From ce5326dfe85c94d1ea1865c7919997660af5c7d8 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Thu, 9 Jan 2025 14:04:21 +0100
Subject: [PATCH] update prose / figcaption styles

---
 src/assets/css/global/base/global-styles.css |  8 ++++++++
 src/assets/css/global/blocks/prose.css       | 20 ++++++++------------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/global/base/global-styles.css b/src/assets/css/global/base/global-styles.css
index 44ddc6c..7da2a1b 100644
--- a/src/assets/css/global/base/global-styles.css
+++ b/src/assets/css/global/base/global-styles.css
@@ -105,6 +105,14 @@ a:hover {
   text-decoration: none;
 }
 
+figcaption {
+  margin-block-start: var(--space-s);
+  font-size: var(--size-step-min-1);
+  text-align: center;
+  padding-block-end: var(--space-xs);
+  border-bottom: 1px solid var(--color-bg-accent);
+}
+
 :focus-visible {
   outline: 3px solid;
   outline-offset: 0.3ch;
diff --git a/src/assets/css/global/blocks/prose.css b/src/assets/css/global/blocks/prose.css
index 0fcb702..e0df431 100644
--- a/src/assets/css/global/blocks/prose.css
+++ b/src/assets/css/global/blocks/prose.css
@@ -5,27 +5,23 @@
   --wrapper-width: 64rem;
 }
 
-.prose :where(pre, pre + *, figure, figure + *) {
+.prose :is(pre, pre + *, figure, picture) {
   --flow-space: var(--space-m-l);
 }
 
-.prose figcaption {
-  font-size: var(--size-step-min-1);
-  text-align: center;
-  padding-block-end: var(--space-xs);
-  margin-block-end: var(--space-s);
-  border-bottom: 1px solid var(--color-bg-accent);
-}
-
-:where(.prose :is(h2, h3, h4)) {
+.prose :is(figure + *, picture + *) {
   --flow-space: var(--space-xl);
 }
 
-:where(.prose :is(h2 + *, h3 + *, h4 + *):not(figure)) {
+.prose :is(h2, h3, h4) {
+  --flow-space: 2em;
+}
+
+.prose :is(h2 + *, h3 + *, h4 + *):not(figure) {
   --flow-space: var(--space-m);
 }
 
-.prose .heading-anchor:is(:hover, :focus) {
+.prose .heading-anchor:where(:hover, :focus) {
   text-decoration: none;
 }