Style lists by default

3 files changed, 23 insertions, 3 deletions

diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index c51ae7e..cae7042 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -10,8 +10,11 @@
     @include materialize-at-root(meta.module-variables('vars'));
 
     @include bem.layout('button-group') {
-        display:   flex;
-        flex-wrap: wrap;
-        gap:       props.get(vars.$spacing);
+        display:    flex;
+        flex-wrap:  wrap;
+        gap:        props.get(vars.$spacing);
+        padding:    0;
+        margin:     0;
+        list-style: none;
     }
 }
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 8ef40c5..f76d18b 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -14,6 +14,9 @@
         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
new file mode 100644
index 0000000..997634c
--- /dev/null
+++ b/src/layouts/_list.scss
@@ -0,0 +1,14 @@
+@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;
+        }
+    }
+}