From 6e1009c6c4c1cedfd2bfbb38eb9543e72a275461 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 5 Dec 2024 08:45:00 +0100 Subject: Style lists by default --- src/scopes/_implicit.scss | 28 ++++++++++++++++++++++++---- src/scopes/_implicit.vars.scss | 3 +++ 2 files changed, 27 insertions(+), 4 deletions(-) (limited to 'src/scopes') diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 78f06be..86c65ce 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss @@ -85,9 +85,15 @@ ul, ol { - padding: 0; - margin: 0; - list-style: none; + padding-block: 0; + padding-inline: props.get(vars.$list--indent) 0; + margin-block: props.get(vars.$list--margin-bs) 0; + margin-inline: 0; + + ul, + ol { + margin-block-start: 0; + } } li { @@ -95,6 +101,21 @@ margin: 0; } + dl { + padding: 0; + margin-block: props.get(vars.$list--margin-bs) 0; + margin-inline: 0; + } + + dt { + font-weight: bold; + } + + dd { + margin-block: 0; + margin-inline: props.get(vars.$list--indent) 0; + } + :focus, :focus-visible { outline: 0; @@ -106,7 +127,6 @@ text-decoration: none; } - button, input, textarea { diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss index 388f0af..d8d79cf 100644 --- a/src/scopes/_implicit.vars.scss +++ b/src/scopes/_implicit.vars.scss @@ -24,3 +24,6 @@ $heading--font-size: props.def(--s-implicit--heading--font-size, props.g $heading--feature-settings: props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default; $heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default; + +$list--indent: props.def(--s-implicit--list--indent, calc(props.get(core.$list--indent) + 1em)) !default; +$list--margin-bs: props.def(--s-implicit--list--margin-bs, props.get($paragraph--margin-bs)) !default; -- cgit v1.2.3-70-g09d2