diff options
Diffstat (limited to 'src/scopes/_lists.scss')
-rw-r--r-- | src/scopes/_lists.scss | 80 |
1 files changed, 40 insertions, 40 deletions
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss index 98b1df1..fc8a577 100644 --- a/src/scopes/_lists.scss +++ b/src/scopes/_lists.scss | |||
@@ -8,53 +8,53 @@ | |||
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 { |
21 | margin-block-start: 0; | 21 | margin-block-start: 0; |
22 | } | 22 | } |
23 | } | 23 | } |
24 | 24 | ||
25 | ul { | 25 | ul { |
26 | list-style: disc; | 26 | list-style: disc; |
27 | } | 27 | } |
28 | 28 | ||
29 | ol { | 29 | ol { |
30 | list-style: decimal; | 30 | list-style: decimal; |
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); |
53 | } | 53 | } |
54 | 54 | ||
55 | dd { | 55 | dd { |
56 | margin-inline-start: calc(props.get(vars.$compact--indent) - 3px); | 56 | margin-inline-start: calc(props.get(vars.$compact--indent) - 3px); |
57 | } | 57 | } |
58 | } | 58 | } |
59 | } | 59 | } |
60 | } | 60 | } |