summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/_iro-design.scss2
-rw-r--r--src/layouts/_button-group.scss9
-rw-r--r--src/layouts/_card-list.scss3
-rw-r--r--src/layouts/_list.scss14
-rw-r--r--src/objects/_tabbar.scss3
-rw-r--r--src/scopes/_implicit.scss28
-rw-r--r--src/scopes/_implicit.vars.scss3
7 files changed, 8 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: (
25@forward 'core' as core--*; 25@forward 'core' as core--*;
26@forward 'layers' as layers--*; 26@forward 'layers' as layers--*;
27 27
28@forward 'layouts/list' as l-list--*;
29@forward 'layouts/button-group' as l-button-group--*; 28@forward 'layouts/button-group' as l-button-group--*;
30@forward 'layouts/card-list' as l-card-list--*; 29@forward 'layouts/card-list' as l-card-list--*;
31@forward 'layouts/container' as l-container--*; 30@forward 'layouts/container' as l-container--*;
@@ -42,6 +41,7 @@ $breakpoints: (
42@forward 'scopes/figures' as s-figures--*; 41@forward 'scopes/figures' as s-figures--*;
43@forward 'scopes/headings' as s-headings--*; 42@forward 'scopes/headings' as s-headings--*;
44@forward 'scopes/links' as s-links--*; 43@forward 'scopes/links' as s-links--*;
44@forward 'scopes/lists' as s-lists--*;
45@forward 'scopes/tables' as s-tables--*; 45@forward 'scopes/tables' as s-tables--*;
46 46
47@forward 'objects/action-button' as o-action-button--*; 47@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 @@
10 @include materialize-at-root(meta.module-variables('vars')); 10 @include materialize-at-root(meta.module-variables('vars'));
11 11
12 @include bem.layout('button-group') { 12 @include bem.layout('button-group') {
13 display: flex; 13 display: flex;
14 flex-wrap: wrap; 14 flex-wrap: wrap;
15 gap: props.get(vars.$spacing); 15 gap: props.get(vars.$spacing);
16 padding: 0;
17 margin: 0;
18 list-style: none;
19 } 16 }
20} 17}
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 @@
14 display: flex; 14 display: flex;
15 flex-direction: column; 15 flex-direction: column;
16 gap: props.get(vars.$row-gap); 16 gap: props.get(vars.$row-gap);
17 padding: 0;
18 margin: 0;
19 list-style: none;
20 17
21 @include bem.modifier('quiet') { 18 @include bem.modifier('quiet') {
22 row-gap: props.get(vars.$quiet--row-gap); 19 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 @@
1@use 'sass:meta';
2@use 'iro-sass/src/bem';
3@use 'iro-sass/src/props';
4@use '../props' as *;
5
6@mixin styles {
7 @include bem.layout('list') {
8 @include bem.modifier('unstyled') {
9 padding: 0;
10 margin: 0;
11 list-style: none;
12 }
13 }
14}
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 @@
27 @include bem.elem('tabs') { 27 @include bem.elem('tabs') {
28 display: flex; 28 display: flex;
29 block-size: 100%; 29 block-size: 100%;
30 padding: 0;
31 margin-block: 0;
32 margin-inline: calc(-.5 * props.get(vars.$spacing)); 30 margin-inline: calc(-.5 * props.get(vars.$spacing));
33 overflow-inline: auto; 31 overflow-inline: auto;
34 list-style: none;
35 } 32 }
36 33
37 @include bem.modifier('quiet') { 34 @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 @@
85 85
86 ul, 86 ul,
87 ol { 87 ol {
88 padding-block: 0; 88 padding: 0;
89 padding-inline: props.get(vars.$list--indent) 0; 89 margin: 0;
90 margin-block: props.get(vars.$list--margin-bs) 0; 90 list-style: none;
91 margin-inline: 0;
92
93 ul,
94 ol {
95 margin-block-start: 0;
96 }
97 } 91 }
98 92
99 li { 93 li {
@@ -101,21 +95,6 @@
101 margin: 0; 95 margin: 0;
102 } 96 }
103 97
104 dl {
105 padding: 0;
106 margin-block: props.get(vars.$list--margin-bs) 0;
107 margin-inline: 0;
108 }
109
110 dt {
111 font-weight: bold;
112 }
113
114 dd {
115 margin-block: 0;
116 margin-inline: props.get(vars.$list--indent) 0;
117 }
118
119 :focus, 98 :focus,
120 :focus-visible { 99 :focus-visible {
121 outline: 0; 100 outline: 0;
@@ -127,6 +106,7 @@
127 text-decoration: none; 106 text-decoration: none;
128 } 107 }
129 108
109
130 button, 110 button,
131 input, 111 input,
132 textarea { 112 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
24$heading--feature-settings: props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 24$heading--feature-settings: props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
25 25
26$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default; 26$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default;
27
28$list--indent: props.def(--s-implicit--list--indent, calc(props.get(core.$list--indent) + 1em)) !default;
29$list--margin-bs: props.def(--s-implicit--list--margin-bs, props.get($paragraph--margin-bs)) !default;