General figure and list element styles

2024-07-23 08:55:59 -07:00 · 2024-07-23 08:55:59 -07:00 · 3837e77d63
commit 3837e77d63
parent 329a73a6e8
2 changed files with 70 additions and 0 deletions
--- a/assets/css/050_lists.css
+++ 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);
+    }
+  }
+}