Fix page design, improved header design

1 files changed, 12 insertions, 0 deletions

diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index c11c11f..f1fd0aa 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -1,6 +1,7 @@
 @include namespace('body') {
     @include store((
         --colors: (
+            --bg: transparent,
             --meta: (
                 --fg: prop(--colors --fg-hi, $global: true),
                 --bg: prop(--colors --bg-lo, $global: true),
@@ -12,6 +13,7 @@
             --obj-border: prop(--colors --obj, $global: true),
         ),
         --dims: (
+            --space-top: 4rem,
             --meta: (
                 --pad-x: .6em,
                 --pad-y: .2em
@@ -21,6 +23,7 @@
 
     @include store((
         --colors: (
+            --bg: prop(--colors --bg-hi, $global: true),
             --meta: (
                 --bg: prop(--colors --bg, $global: true),
             ),
@@ -31,7 +34,16 @@
         )
     ), 'light');
 
+    @include store((
+        --dims: (
+            --space-top: 3rem,
+        )
+    ), 'sm');
+
     @include scope(namespace()) {
+        margin-top:       prop(--dims --space-top);
+        background-color: prop(--colors --bg);
+
         @include element('meta') {
             display:          inline-block;
             padding:          prop(--dims --meta --pad-y) prop(--dims --meta --pad-x);