From 11bacea78360960949b3d6bd5cb606331be1a4c1 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Mon, 8 Jan 2024 08:32:13 -0800
Subject: [PATCH] CSS and a shortcode for a 2-column grid within the content
 track

---
 assets/styles/root/002_layout.css | 13 +++++++++++++
 layouts/shortcodes/grid2.html     |  3 +++
 2 files changed, 16 insertions(+)
 create mode 100644 layouts/shortcodes/grid2.html

diff --git a/assets/styles/root/002_layout.css b/assets/styles/root/002_layout.css
index f9d6fcd..edb4095 100644
--- a/assets/styles/root/002_layout.css
+++ b/assets/styles/root/002_layout.css
@@ -86,6 +86,13 @@
     }
 }
 
+@layer root {
+  main > .grid2 {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 @layer layout {
   aside#table-of-contents {
     grid-column: content-start / content-end;
@@ -446,3 +453,9 @@
     width: 100%;
   }
 }
+
+@layer utility {
+  .grid-item {
+    grid-column: unset;
+  }
+}
diff --git a/layouts/shortcodes/grid2.html b/layouts/shortcodes/grid2.html
new file mode 100644
index 0000000..9f2b546
--- /dev/null
+++ b/layouts/shortcodes/grid2.html
@@ -0,0 +1,3 @@
+<div class="grid2">
+    {{ .Inner }}
+</div>