summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_body.scss14
-rw-r--r--src/scopes/_body.vars.scss2
-rw-r--r--src/scopes/_implicit.vars.scss2
3 files changed, 14 insertions, 4 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 9091117..65c6d2f 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -12,12 +12,22 @@
12 @include bem.scope('body') { 12 @include bem.scope('body') {
13 font-size: props.get(vars.$font-size); 13 font-size: props.get(vars.$font-size);
14 14
15 strong {
16 color: props.get(vars.$strong--text-color);
17 }
18
15 p, 19 p,
16 li { 20 ul,
21 ol {
17 max-inline-size: props.get(vars.$paragraph--max-inline-size); 22 max-inline-size: props.get(vars.$paragraph--max-inline-size);
18 margin-block-start: props.get(vars.$paragraph--margin-bs); 23 margin-block-start: props.get(vars.$paragraph--margin-bs);
19 } 24 }
20 25
26 ul,
27 ol {
28 box-sizing: border-box;
29 }
30
21 img { 31 img {
22 display: block; 32 display: block;
23 inline-size: auto; 33 inline-size: auto;
@@ -39,8 +49,6 @@
39 margin-block: calc(2 * props.get(vars.$paragraph--margin-bs)); 49 margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
40 } 50 }
41 51
42 ul,
43 ol,
44 table, 52 table,
45 pre, 53 pre,
46 blockquote { 54 blockquote {
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss
index 79556fa..6c38c3f 100644
--- a/src/scopes/_body.vars.scss
+++ b/src/scopes/_body.vars.scss
@@ -7,3 +7,5 @@ $font-size: props.def(--s-body--font-size, props.get(core.$font
7$paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; 7$paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default;
8$paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; 8$paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default;
9$img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default; 9$img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default;
10
11$strong--text-color: props.def(--s-body--strong--text-color, props.get(core.$theme, --heading), 'color') !default;
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index e809ac3..388f0af 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -23,4 +23,4 @@ $heading--font-weight: props.def(--s-implicit--heading--font-weight, bold)
23$heading--font-size: props.def(--s-implicit--heading--font-size, props.get(core.$font-size--100)); 23$heading--font-size: props.def(--s-implicit--heading--font-size, props.get(core.$font-size--100));
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'); 26$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default;