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.scss79
1 files changed, 40 insertions, 39 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 65c6d2f..f307f58 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -7,52 +7,53 @@
7@use 'body.vars' as vars; 7@use 'body.vars' as vars;
8 8
9@mixin styles { 9@mixin styles {
10 @include materialize-at-root(meta.module-variables('vars')); 10 @include materialize-at-root(meta.module-variables('vars'));
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 strong { 16 strong {
16 color: props.get(vars.$strong--text-color); 17 color: props.get(vars.$strong--text-color);
17 } 18 }
18 19
19 p, 20 p,
20 ul, 21 ul,
21 ol { 22 ol {
22 max-inline-size: props.get(vars.$paragraph--max-inline-size); 23 max-inline-size: props.get(vars.$paragraph--max-inline-size);
23 margin-block-start: props.get(vars.$paragraph--margin-bs); 24 margin-block-start: props.get(vars.$paragraph--margin-bs);
24 } 25 }
25 26
26 ul, 27 ul,
27 ol { 28 ol {
28 box-sizing: border-box; 29 box-sizing: border-box;
29 } 30 }
30 31
31 img { 32 img {
32 display: block; 33 display: block;
33 inline-size: auto; 34 inline-size: auto;
34 max-inline-size: 100%; 35 max-inline-size: 100%;
35 block-size: auto; 36 block-size: auto;
36 max-block-size: props.get(vars.$img--max-block-size); 37 max-block-size: props.get(vars.$img--max-block-size);
37 margin-block-start: props.get(vars.$paragraph--margin-bs); 38 margin-block-start: props.get(vars.$paragraph--margin-bs);
38 } 39 }
39 40
40 figure { 41 figure {
41 margin-block-start: props.get(vars.$paragraph--margin-bs); 42 margin-block-start: props.get(vars.$paragraph--margin-bs);
42 43
43 img { 44 img {
44 margin-block: 0; 45 margin-block: 0;
45 } 46 }
46 } 47 }
47 48
48 hr { 49 hr {
49 margin-block: calc(2 * props.get(vars.$paragraph--margin-bs)); 50 margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
50 } 51 }
51 52
52 table, 53 table,
53 pre, 54 pre,
54 blockquote { 55 blockquote {
55 margin-block-start: props.get(vars.$paragraph--margin-bs); 56 margin-block-start: props.get(vars.$paragraph--margin-bs);
56 } 57 }
57 } 58 }
58} 59}