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; | ||
