summaryrefslogtreecommitdiffstats
path: root/src/scopes/_lists.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_lists.scss')
-rw-r--r--src/scopes/_lists.scss52
1 files changed, 52 insertions, 0 deletions
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
new file mode 100644
index 0000000..2ea342f
--- /dev/null
+++ b/src/scopes/_lists.scss
@@ -0,0 +1,52 @@
1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn;
3
4@include iro.props-namespace('lists') {
5 @include iro.props-store((
6 --dims: (
7 --indent: fn.global-dim(--list --indent),
8 --margin-top: fn.global-dim(--paragraph --margin-top),
9 )
10 ), 'dims');
11
12 @include iro.props-store((
13 --colors: (
14 --border: fn.global-color(--obj-hi),
15 )
16 ), 'colors');
17
18 @include iro.bem-scope(iro.props-namespace()) {
19 ul,
20 ol {
21 margin-top: fn.dim(--margin-top);
22 padding-left: fn.dim(--indent);
23
24 ul,
25 ol {
26 margin-top: 0;
27 }
28 }
29
30 ul {
31 list-style: disc;
32 }
33
34 ol {
35 list-style: decimal;
36 }
37
38 dl {
39 margin: fn.dim(--margin-top) 0 0;
40 padding: 0;
41 }
42
43 dt {
44 color: fn.global-color(--fg-lo);
45 font-weight: bold;
46 }
47
48 dd {
49 margin: 0 0 0 fn.dim(--indent);
50 }
51 }
52}