6 files changed, 12 insertions, 7 deletions

diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index c127d02..225cd29 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -17,6 +17,7 @@
         @include element('content') {
             width:        100%;
             height:       100%;
+            margin-top:   -1px;
             margin-right: prop(--dims --outer-spacing, $global: true);
             margin-left:  prop(--dims --outer-spacing, $global: true);
             border-top:   1px solid prop(--colors --border);
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index d1169dd..500849e 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -10,12 +10,8 @@
 
     @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 0ad9a61..3450858 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -6,6 +6,13 @@
     ));
 
     @include layout(namespace()) {
+        @include modifier('fullscreen') {
+            box-sizing:     border-box;
+            min-height:     100%;
+            margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
+            padding-bottom: prop(--dims --outer, $global: true);
+        }
+
         @include modifier('no-head') {
             padding-top: prop(--dims --outer, $global: true);
         }
@@ -25,6 +32,7 @@
                 content:      '';
                 width:        100%;
                 height:       100%;
+                margin-top:   -1px;
                 margin-right: prop(--dims --outer-spacing, $global: true);
                 margin-left:  prop(--dims --outer-spacing, $global: true);
                 border-top:   1px solid prop(--colors --border);
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 0e9142f..7ac643d 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,4 +1,4 @@
-<section class="l-section l-section--no-head">
+<section class="l-section l-section--fullscreen l-section--no-head">
     <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
 $body$
 
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 327f9f5..f97588d 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,4 +1,4 @@
-<section class="l-section l-section--no-head l-landing">
+<section class="l-section l-section--fullscreen l-section--no-head l-landing">
     <header class="l-landing__banner">
         <div class="c-landing-banner l-container l-container--pad-x l-container--pad-y l-container--content">
             <h1 class="c-landing-banner__title">
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index e006ddc..b6ff7c3 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
-<section class="l-section l-section--no-head">
+<section class="l-section l-section--fullscreen l-section--no-head">
     <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body">
         <h1>$title$</h1>