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