1 files changed, 43 insertions, 28 deletions

diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 6742a2a..f307f58 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -7,38 +7,53 @@
 @use 'body.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+        @include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.scope('body') {
-        font-size: props.get(vars.$font-size);
+        @include bem.scope('body') {
+                font-size: props.get(vars.$font-size);
+                line-height: props.get(vars.$line-height);
 
-        p {
-            margin-block-start: props.get(vars.$paragraph--margin-bs);
-        }
+                strong {
+                        color: props.get(vars.$strong--text-color);
+                }
 
-        img {
-            display:         block;
-            inline-size:     auto;
-            max-inline-size: 100%;
-            block-size:      auto;
-            max-block-size:  props.get(vars.$img--max-block-size);
-            margin-block:    props.get(vars.$block--margin-b);
-        }
+                p,
+                ul,
+                ol {
+                        max-inline-size: props.get(vars.$paragraph--max-inline-size);
+                        margin-block-start: props.get(vars.$paragraph--margin-bs);
+                }
 
-        figure {
-            margin-block: props.get(vars.$block--margin-b);
+                ul,
+                ol {
+                        box-sizing: border-box;
+                }
 
-            img {
-                margin-block: 0;
-            }
-        }
+                img {
+                        display:            block;
+                        inline-size:        auto;
+                        max-inline-size:    100%;
+                        block-size:         auto;
+                        max-block-size:     props.get(vars.$img--max-block-size);
+                        margin-block-start: props.get(vars.$paragraph--margin-bs);
+                }
 
-        ul,
-        ol,
-        table,
-        pre,
-        blockquote {
-            margin-block: props.get(vars.$block--margin-b);
-        }
-    } 
+                figure {
+                        margin-block-start: props.get(vars.$paragraph--margin-bs);
+
+                        img {
+                                margin-block: 0;
+                        }
+                }
+
+                hr {
+                        margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
+                }
+
+                table,
+                pre,
+                blockquote {
+                        margin-block-start: props.get(vars.$paragraph--margin-bs);
+                }
+        } 
 }