Update

2 files changed, 27 insertions, 5 deletions

diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index 500849e..d1169dd 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -10,8 +10,12 @@
 
     @include layout(namespace()) {
         display:        flex;
+        box-sizing:     border-box;
         flex-direction: row;
         align-items:    center;
+        min-height:     100%;
+        margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
+        padding-bottom: prop(--dims --outer, $global: true);
 
         @include element('banner') {
             width:            70%;
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index a005ece..0ad9a61 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -1,10 +1,11 @@
 @include namespace('section') {
-    @include layout(namespace()) {
-        box-sizing:      border-box;
-        min-height:      100%;
-        margin-bottom:   calc(-1 * #{prop(--dims --outer, $global: true)});
-        padding-bottom:  prop(--dims --outer, $global: true);
+    @include store((
+        --colors: (
+            --border: prop(--colors --obj-hi, $global: true),
+        )
+    ));
 
+    @include layout(namespace()) {
         @include modifier('no-head') {
             padding-top: prop(--dims --outer, $global: true);
         }
@@ -17,6 +18,23 @@
             left:           0;
             flex-direction: row;
             justify-self:   flex-start;
+            padding-right:  prop(--dims --outer, $global: true);
+            font-size:      1 / 16 * 15em;
+
+            &::after {
+                content:      '';
+                width:        100%;
+                height:       100%;
+                margin-right: prop(--dims --outer-spacing, $global: true);
+                margin-left:  prop(--dims --outer-spacing, $global: true);
+                border-top:   1px solid prop(--colors --border);
+            }
+        }
+
+        @include media('<=sm') {
+            @include element('head') {
+                padding-right: 0;
+            }
         }
     }
 }