summaryrefslogtreecommitdiffstats
path: root/src/scopes/_body.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_body.scss')
-rw-r--r--src/scopes/_body.scss36
1 files changed, 25 insertions, 11 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 6742a2a..65c6d2f 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -12,33 +12,47 @@
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 p { 15 strong {
16 color: props.get(vars.$strong--text-color);
17 }
18
19 p,
20 ul,
21 ol {
22 max-inline-size: props.get(vars.$paragraph--max-inline-size);
16 margin-block-start: props.get(vars.$paragraph--margin-bs); 23 margin-block-start: props.get(vars.$paragraph--margin-bs);
17 } 24 }
18 25
26 ul,
27 ol {
28 box-sizing: border-box;
29 }
30
19 img { 31 img {
20 display: block; 32 display: block;
21 inline-size: auto; 33 inline-size: auto;
22 max-inline-size: 100%; 34 max-inline-size: 100%;
23 block-size: auto; 35 block-size: auto;
24 max-block-size: props.get(vars.$img--max-block-size); 36 max-block-size: props.get(vars.$img--max-block-size);
25 margin-block: props.get(vars.$block--margin-b); 37 margin-block-start: props.get(vars.$paragraph--margin-bs);
26 } 38 }
27 39
28 figure { 40 figure {
29 margin-block: props.get(vars.$block--margin-b); 41 margin-block-start: props.get(vars.$paragraph--margin-bs);
30 42
31 img { 43 img {
32 margin-block: 0; 44 margin-block: 0;
33 } 45 }
34 } 46 }
35 47
36 ul, 48 hr {
37 ol, 49 margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
50 }
51
38 table, 52 table,
39 pre, 53 pre,
40 blockquote { 54 blockquote {
41 margin-block: props.get(vars.$block--margin-b); 55 margin-block-start: props.get(vars.$paragraph--margin-bs);
42 } 56 }
43 } 57 }
44} 58}