diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/_iro-design.scss | 2 | ||||
-rw-r--r-- | src/layouts/_button-group.scss | 9 | ||||
-rw-r--r-- | src/layouts/_card-list.scss | 3 | ||||
-rw-r--r-- | src/layouts/_list.scss | 14 | ||||
-rw-r--r-- | src/objects/_tabbar.scss | 3 | ||||
-rw-r--r-- | src/scopes/_implicit.scss | 28 | ||||
-rw-r--r-- | src/scopes/_implicit.vars.scss | 3 |
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; | ||