Design

1 files changed, 12 insertions, 1 deletions

diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 36c84a7..7c1cc9b 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -1,10 +1,17 @@
 @include namespace('section') {
     @include store((
         --colors: (
-            --border: prop(--colors --obj-hi, $global: true),
+            --border:  prop(--colors --obj-hi, $global: true),
+            --body-bg: transparent,
         )
     ));
 
+    @include store((
+        --colors: (
+            --body-bg: prop(--colors --bg-hi, $global: true),
+        )
+    ), 'light');
+
     @include layout(namespace()) {
         position: relative;
 
@@ -15,6 +22,10 @@
             padding-bottom: prop(--dims --outer, $global: true);
         }
 
+        @include modifier('body') {
+            background-color: prop(--colors --body-bg);
+        }
+
         @include modifier('no-head') {
             padding-top: prop(--dims --outer, $global: true);
         }