Update

3 files changed, 23 insertions, 24 deletions

diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
index d63460b..0f569e4 100644
--- a/assets/css/layouts/_container.scss
+++ b/assets/css/layouts/_container.scss
@@ -1,22 +1,19 @@
 @include namespace('container') {
     @include store((
         --dims: (
-            --pad-x: 3rem,
-            --pad-y: $line-height * 2rem
+            --pad-x: 3rem
         )
     ));
 
     @include store((
         --dims: (
-            --pad-x: 2rem,
-            --pad-y: $line-height * 1.5rem
+            --pad-x: 2rem
         )
     ), 'md');
 
     @include store((
         --dims: (
-            --pad-x: 4%,
-            --pad-y: $line-height * 1rem
+            --pad-x: 4%
         )
     ), 'sm');
 
@@ -33,8 +30,8 @@
         }
 
         @include modifier('pad-y') {
-            padding-top:    prop(--dims --pad-y);
-            padding-bottom: prop(--dims --pad-y);
+            padding-top:    prop(--dims --spacing-y, $global: true);
+            padding-bottom: prop(--dims --spacing-y, $global: true);
         }
     }
 }
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index a332528..aa85679 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -25,16 +25,14 @@
         }
 
         @include iro-responsive-env(('md', 'lg')) {
-            padding-right: iro-responsive-set((0, 6rem));
+            padding-right: iro-responsive-set((0, 3rem));
             padding-left:  iro-responsive-set((0, 6rem));
-
-            @include element('banner') {
-                padding-right: iro-responsive-set((0, 6rem));
-            }
         }
 
         @include media('<=md') {
-            display: block;
+            flex-direction:  column;
+            align-items:     stretch;
+            justify-content: center;
 
             @include element('side') {
                 display: none;
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 94a145b..38b20aa 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -1,17 +1,21 @@
 @include namespace('section') {
     @include layout(namespace()) {
-        display:        flex;
-        flex-direction: column;
-        align-items:    flex-start;
-        min-height:     100%;
-        margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
-        padding-bottom: prop(--dims --outer, $global: true);
+        display:         flex;
+        flex-direction:  column;
+        align-items:     stretch;
+        justify-content: flex-start;
+        min-height:      100%;
+        margin-bottom:   calc(-1 * #{prop(--dims --outer, $global: true)});
+        padding-bottom:  prop(--dims --outer, $global: true);
 
         @include element('heading') {
-            position: sticky;
-            z-index:  9000;
-            top:      0;
-            left:     0;
+            display:        flex;
+            position:       sticky;
+            z-index:        9000;
+            top:            0;
+            left:           0;
+            flex-direction: row;
+            justify-self:   flex-start;
         }
     }
 }