From e8daeda08bd96186d1c9b8e1bfbd2d60398c3943 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sun, 24 Nov 2024 10:18:45 -0800
Subject: [PATCH] Convert elementsWithXLBlockMargins to a slice that's joined
 with ", "

---
 assets/css/010_spacing.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/assets/css/010_spacing.css b/assets/css/010_spacing.css
index 6f16899..40a7ed2 100644
--- a/assets/css/010_spacing.css
+++ b/assets/css/010_spacing.css
@@ -61,7 +61,23 @@ hr {
 
 /* Figures */
 
-{{- $elementsWithXLBlockMargins := "blockquote, table, .codeblock, .figure--main-column, .figure--code, .figure--image, .figure--video, .figure--youtube, .highlight" -}}
+{{-
+  $elementsWithXLBlockMargins := delimit
+    (slice
+      "blockquote"
+      "table"
+      ".codeblock"
+      ".figure"
+      ".figure--main-column"
+      ".figure--code"
+      ".figure--image"
+      ".figure--video"
+      ".figure--youtube"
+      ".highlight"
+      ".instagram-media"
+    )
+  ", "
+-}}
 
 p + :is({{ $elementsWithXLBlockMargins }}) {
     margin-block-start: var(--space-xl);