summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_blockquotes.scss4
-rw-r--r--src/scopes/_lists.scss52
2 files changed, 54 insertions, 2 deletions
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index 0942542..37dc565 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -4,7 +4,7 @@
4@include iro.props-namespace('blockquotes') { 4@include iro.props-namespace('blockquotes') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --pad-x: fn.global-dim(--size --400), 7 --indent: fn.global-dim(--list --indent),
8 --margin-top: fn.global-dim(--paragraph --margin-top), 8 --margin-top: fn.global-dim(--paragraph --margin-top),
9 ) 9 )
10 ), 'dims'); 10 ), 'dims');
@@ -18,7 +18,7 @@
18 @include iro.bem-scope(iro.props-namespace()) { 18 @include iro.bem-scope(iro.props-namespace()) {
19 blockquote { 19 blockquote {
20 margin: fn.dim(--margin-top) 0 0 1px; 20 margin: fn.dim(--margin-top) 0 0 1px;
21 padding-left: calc(fn.dim(--pad-x) - 3px); 21 padding-left: calc(fn.dim(--indent) - 3px);
22 border-left: 3px solid fn.color(--border); 22 border-left: 3px solid fn.color(--border);
23 } 23 }
24 } 24 }
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}