Fetch pages of sections

2 files changed, 7 insertions, 9 deletions

diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index aa85679..500849e 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -10,7 +10,6 @@
 
     @include layout(namespace()) {
         display:        flex;
-        box-sizing:     border-box;
         flex-direction: row;
         align-items:    center;
 
@@ -30,9 +29,7 @@
         }
 
         @include media('<=md') {
-            flex-direction:  column;
-            align-items:     stretch;
-            justify-content: center;
+            display: block;
 
             @include element('side') {
                 display: none;
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 38b20aa..a005ece 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -1,14 +1,15 @@
 @include namespace('section') {
     @include layout(namespace()) {
-        display:         flex;
-        flex-direction:  column;
-        align-items:     stretch;
-        justify-content: flex-start;
+        box-sizing:      border-box;
         min-height:      100%;
         margin-bottom:   calc(-1 * #{prop(--dims --outer, $global: true)});
         padding-bottom:  prop(--dims --outer, $global: true);
 
-        @include element('heading') {
+        @include modifier('no-head') {
+            padding-top: prop(--dims --outer, $global: true);
+        }
+
+        @include element('head') {
             display:        flex;
             position:       sticky;
             z-index:        9000;