Style lists by default

2 files changed, 27 insertions, 4 deletions

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;