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