diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
| commit | cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch) | |
| tree | d16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/scopes/_lists.scss | |
| parent | Update _index.scss (diff) | |
| download | iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2 iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip | |
Paths
Diffstat (limited to 'src/scopes/_lists.scss')
| -rw-r--r-- | src/scopes/_lists.scss | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss index 0285bb0..7b9ddbc 100644 --- a/src/scopes/_lists.scss +++ b/src/scopes/_lists.scss | |||
| @@ -1,20 +1,20 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use "sass:meta"; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use "pkg:iro-sass/bem"; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use "pkg:iro-sass/props"; |
| 4 | @use '../props' as *; | 4 | @use "../props" as *; |
| 5 | @use '../core.vars' as core; | 5 | @use "../core.vars" as core; |
| 6 | 6 | ||
| 7 | @forward 'lists.vars'; | 7 | @forward "lists.vars"; |
| 8 | @use 'lists.vars' as vars; | 8 | @use "lists.vars" as vars; |
| 9 | 9 | ||
| 10 | @mixin styles { | 10 | @mixin styles { |
| 11 | @include materialize-at-root(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables("vars")); |
| 12 | 12 | ||
| 13 | @include bem.scope('lists') { | 13 | @include bem.scope("lists") { |
| 14 | ul, | 14 | ul, |
| 15 | ol { | 15 | ol { |
| 16 | padding-inline-start: props.get(vars.$indent); | 16 | padding-inline-start: props.get(vars.$indent); |
| 17 | margin-block-start: props.get(vars.$margin-bs); | 17 | margin-block-start: props.get(vars.$margin-bs); |
| 18 | 18 | ||
| 19 | ul, | 19 | ul, |
| 20 | ol { | 20 | ol { |
| @@ -31,22 +31,22 @@ | |||
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | dl { | 33 | dl { |
| 34 | padding: 0; | 34 | padding: 0; |
| 35 | margin-block: props.get(vars.$margin-bs) 0; | 35 | margin-block: props.get(vars.$margin-bs) 0; |
| 36 | margin-inline: 0; | 36 | margin-inline: 0; |
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | dt { | 39 | dt { |
| 40 | font-weight: bold; | 40 | font-weight: bold; |
| 41 | color: props.get(core.$theme, --heading); | 41 | color: props.get(core.$theme, --heading); |
| 42 | } | 42 | } |
| 43 | 43 | ||
| 44 | dd { | 44 | dd { |
| 45 | margin-block: 0; | 45 | margin-block: 0; |
| 46 | margin-inline: props.get(vars.$indent) 0; | 46 | margin-inline: props.get(vars.$indent) 0; |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | @include bem.modifier('compact') { | 49 | @include bem.modifier("compact") { |
| 50 | ul, | 50 | ul, |
| 51 | ol { | 51 | ol { |
| 52 | padding-inline-start: calc(props.get(vars.$compact--indent) - 3px); | 52 | padding-inline-start: calc(props.get(vars.$compact--indent) - 3px); |
