From bccadced1b69c23041d067259b3d86765f17e4cb Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Tue, 23 Jul 2024 09:13:03 -0700
Subject: [PATCH] Misc structure styles

---
 assets/css/010_structure.css | 35 +++++++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/assets/css/010_structure.css b/assets/css/010_structure.css
index 84ce727..a2cc4f6 100644
--- a/assets/css/010_structure.css
+++ b/assets/css/010_structure.css
@@ -7,6 +7,7 @@
 
 
 
+
 /*************************
  # CONTENT AREA STRUCTURE
  ************************/
@@ -44,29 +45,47 @@ body {
 
 .body__container,
 .site-header,
-main
+.main--list,
+.main--single,
+article.content
 {
   display: grid;
   grid-template-columns: subgrid;
   grid-column: full-start / full-end;
 }
 
+.main--list {
+  .page-header,
+  .main--list__content,
+  .main--list__page-list
+  {
+    grid-column: main-start / main-end;
+  }
+
+  .page-header,
+  .main--list__content
+  {
+    margin-block-end: var(--space-xl);
+  }
+}
+
 .body__container {
   gap: var(--space-xl) 0;
 }
 
-.site-header__content,
-.site-footer
-{
+.site-header__content {
   grid-column: main-start / main-end;
 }
 
-{{- $wideElements := "figure, pre" -}}
-
-.body__container > :not({{ $wideElements }}) {
+:is(.list-header, p) {
   grid-column: main-start / main-end;
 }
-.body__container > :is(figure, pre) {
+
+article.content > :not(figure, pre) {
+  grid-column: main-start / main-end;
+}
+
+article.content > :is(.figure--image, pre) {
   grid-column: wide-gutter-start / wide-gutter-end;
 }