From 3837e77d63ab4bd01074b0f3dc93b24898d06470 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Tue, 23 Jul 2024 08:55:59 -0700
Subject: [PATCH] General figure and list element styles

---
 assets/css/050_figures.css | 30 ++++++++++++++++++++++++++++
 assets/css/050_lists.css   | 40 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 70 insertions(+)
 create mode 100644 assets/css/050_figures.css
 create mode 100644 assets/css/050_lists.css

diff --git a/assets/css/050_figures.css b/assets/css/050_figures.css
new file mode 100644
index 0000000..0c997ab
--- /dev/null
+++ b/assets/css/050_figures.css
@@ -0,0 +1,30 @@
+{{/*
+  figures.css
+  Eryn Wells <eryn@erynwells.me>
+*/}}
+
+
+
+
+
+/**********
+ * FIGURES
+ **********/
+
+.figure--image {
+    display: grid;
+    grid-column: wide-gutter-start / wide-gutter-end;
+    grid-template-columns: subgrid;
+
+    img {
+        grid-column: wide-gutter-start / wide-gutter-end;
+    }
+}
+
+figcaption {
+  color: var(--gray4);
+  font-weight: normal;
+  font-size: var(--text-xs);
+  letter-spacing: 0.01em;
+    grid-column: main-start / main-end;
+}
diff --git a/assets/css/050_lists.css b/assets/css/050_lists.css
new file mode 100644
index 0000000..8561b7a
--- /dev/null
+++ b/assets/css/050_lists.css
@@ -0,0 +1,40 @@
+{{/*
+  050_lists.css
+  Eryn Wells <eryn@erynwells.me>
+*/}}
+
+
+
+
+
+/*******
+ * LISTS
+ *******/
+
+dl,
+ol,
+ul
+{
+  grid-column: main-start / main-end;
+}
+
+ol, ul {
+  padding-inline-start: var(--space-l);
+}
+
+li::marker {
+  font-size: var(--text-s);
+}
+
+dl {
+  dd {
+    color: var(--text-color-secondary);
+    font-style: italic;
+    line-height: 1.2;
+    margin-inline-start: var(--space-l);
+
+    &:has(+ dt) {
+      margin-block-end: var(--space-xs);
+    }
+  }
+}