From 08e787b1d918ce5923a9391d77e0524433d1610a Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Sat, 16 Nov 2024 09:40:01 -0800 Subject: [PATCH] Reformat definition list definitions Large inline margins and small text. No more italics. I think this is easier to read and more consistent with the surrounding text. --- assets/css/050_lists.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/assets/css/050_lists.css b/assets/css/050_lists.css index 77984ef..0bab49a 100644 --- a/assets/css/050_lists.css +++ b/assets/css/050_lists.css @@ -15,6 +15,7 @@ ul margin-block: 0; } + ol { display: grid; grid-template-columns: min-content 1fr; @@ -47,6 +48,7 @@ ol { } } + ul { list-style-type: "*"; padding-inline-start: 1ch; @@ -56,6 +58,7 @@ ul { } } + li { &::marker, &::before { color: var(--text-color-secondary); @@ -63,15 +66,15 @@ li { } } + dl { dd { color: var(--text-color-secondary); - font-style: italic; - line-height: 1.2; - margin-inline-start: var(--space-l); + font-size: var(--text-s); + margin-inline: var(--space-l); &:has(+ dt) { - margin-block-end: var(--space-xs); + margin-block-end: var(--space-paragraph); } } }