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