Revert "Style lists by default"

This reverts commit 6e1009c6c4c1cedfd2bfbb38eb9543e72a275461.

8 files changed, 9 insertions, 54 deletions

diff --git a/src/_iro-design.scss b/src/_iro-design.scss
index 31e1f71..04857e3 100644
--- a/src/_iro-design.scss
+++ b/src/_iro-design.scss
@@ -25,7 +25,6 @@ $breakpoints: (
 @forward 'core' as core--*;
 @forward 'layers' as layers--*;
 
-@forward 'layouts/list' as l-list--*;
 @forward 'layouts/button-group' as l-button-group--*;
 @forward 'layouts/card-list' as l-card-list--*;
 @forward 'layouts/container' as l-container--*;
@@ -42,6 +41,7 @@ $breakpoints: (
 @forward 'scopes/figures' as s-figures--*;
 @forward 'scopes/headings' as s-headings--*;
 @forward 'scopes/links' as s-links--*;
+@forward 'scopes/lists' as s-lists--*;
 @forward 'scopes/tables' as s-tables--*;
 
 @forward 'objects/action-button' as o-action-button--*;
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index cae7042..c51ae7e 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -10,11 +10,8 @@
     @include materialize-at-root(meta.module-variables('vars'));
 
     @include bem.layout('button-group') {
-        display:    flex;
-        flex-wrap:  wrap;
-        gap:        props.get(vars.$spacing);
-        padding:    0;
-        margin:     0;
-        list-style: none;
+        display:   flex;
+        flex-wrap: wrap;
+        gap:       props.get(vars.$spacing);
     }
 }
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index f76d18b..8ef40c5 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -14,9 +14,6 @@
         display:        flex;
         flex-direction: column;
         gap:            props.get(vars.$row-gap);
-        padding:        0;
-        margin:         0;
-        list-style:     none;
 
         @include bem.modifier('quiet') {
             row-gap: props.get(vars.$quiet--row-gap);
diff --git a/src/layouts/_list.scss b/src/layouts/_list.scss
deleted file mode 100644
index 997634c..0000000
--- a/src/layouts/_list.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
-@use '../props' as *;
-
-@mixin styles {
-    @include bem.layout('list') {
-        @include bem.modifier('unstyled') {
-            padding:    0;
-            margin:     0;
-            list-style: none;
-        }
-    }
-}
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index 860ab47..131c832 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -27,11 +27,8 @@
         @include bem.elem('tabs') {
             display:         flex;
             block-size:      100%;
-            padding:         0;
-            margin-block:    0;
             margin-inline:   calc(-.5 * props.get(vars.$spacing));
             overflow-inline: auto;
-            list-style:      none;
         }
 
         @include bem.modifier('quiet') {
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 86c65ce..78f06be 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -85,15 +85,9 @@
 
         ul,
         ol {
-            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;
-            }
+            padding:    0;
+            margin:     0;
+            list-style: none;
         }
 
         li {
@@ -101,21 +95,6 @@
             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;
@@ -127,6 +106,7 @@
             text-decoration: none;
         }
 
+
         button,
         input,
         textarea {
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index d8d79cf..388f0af 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -24,6 +24,3 @@ $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;
diff --git a/src_demo/index.scss b/src_demo/index.scss
index 5e170c0..85d1918 100644
--- a/src_demo/index.scss
+++ b/src_demo/index.scss
@@ -10,6 +10,7 @@
 @include iro.s-figures--styles;
 @include iro.s-headings--styles;
 @include iro.s-links--styles;
+@include iro.s-lists--styles;
 @include iro.s-tables--styles;
 
 @include iro.l-button-group--styles;