General figure and list element styles

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;
+}

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);
+    }
+  }
+}