Refactoring

1 files changed, 59 insertions, 0 deletions

diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
new file mode 100644
index 0000000..db555a9
--- /dev/null
+++ b/src/scopes/_lists.scss
@@ -0,0 +1,59 @@
+@use 'sass:meta';
+@use 'iro-sass/src/iro-sass' as iro;
+@use '../props';
+@use '../vars' as global-vars;
+
+@forward 'lists.vars';
+@use 'lists.vars' as vars;
+
+@mixin styles {
+    @include props.materialize(meta.module-variables('vars'));
+
+    @include iro.bem-scope('lists') {
+        ul,
+        ol {
+            padding-inline-start: props.get(vars.$indent);
+            margin-block-start:   props.get(vars.$margin-bs);
+
+            ul,
+            ol {
+                margin-block-start: 0;
+            }
+        }
+
+        ul {
+            list-style: disc;
+        }
+
+        ol {
+            list-style: decimal;
+        }
+
+        dl {
+            padding:       0;
+            margin-block:  props.get(vars.$margin-bs) 0;
+            margin-inline: 0;
+        }
+
+        dt {
+            font-weight: bold;
+            color:       props.get(global-vars.$theme, --heading);
+        }
+
+        dd {
+            margin-block:  0;
+            margin-inline: props.get(vars.$indent) 0;
+        }
+
+        @include iro.bem-modifier('compact') {
+            ul,
+            ol {
+                padding-inline-start: calc(props.get(vars.$compact--indent) - 3px);
+            }
+
+            dd {
+                margin-inline-start: calc(props.get(vars.$compact--indent) - 3px);
+            }
+        }
+    }
+}