diff options
Diffstat (limited to 'src/scopes/_body.scss')
-rw-r--r-- | src/scopes/_body.scss | 36 |
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 | } |