From ef58809a37a7ad95c9bdef8e9f465adb3904ffdf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 26 Mar 2021 22:48:01 +0100
Subject: WIP: Redesign

---
 assets/css/layouts/_container.scss |  6 +++---
 assets/css/layouts/_landing.scss   | 20 ++++++--------------
 2 files changed, 9 insertions(+), 17 deletions(-)

(limited to 'assets/css/layouts')

diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
index 0726950..218841d 100644
--- a/assets/css/layouts/_container.scss
+++ b/assets/css/layouts/_container.scss
@@ -2,20 +2,20 @@
     @include store((
         --dims: (
             --pad-x: 3rem,
-            --pad-y: $line-height * 3rem
+            --pad-y: $line-height * 2rem
         )
     ));
 
     @include store((
         --dims: (
             --pad-x: 2rem,
-            --pad-y: $line-height * 2rem
+            --pad-y: $line-height * 1.5rem
         )
     ), 'md');
 
     @include store((
         --dims: (
-            --pad-x: 1rem,
+            --pad-x: 5%,
             --pad-y: $line-height * 1rem
         )
     ), 'sm');
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index b824005..7683d44 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -27,18 +27,11 @@
         }
 
         @include iro-responsive-env(('md', 'lg')) {
+            padding-right: iro-responsive-set((0, 6rem));
+            padding-left:  iro-responsive-set((0, 6rem));
+
             @include element('banner') {
-                padding:
-                    iro-responsive-set((2rem, 6rem))
-                    iro-responsive-set((0, 6rem));
-            }
-    
-            @include element('content') {
-                padding:
-                    iro-responsive-set((2rem, 6rem))
-                    iro-responsive-set((0, 6rem))
-                    iro-responsive-set((2rem, 6rem))
-                    0;
+                padding-right: iro-responsive-set((0, 6rem));
             }
         }
 
@@ -47,9 +40,8 @@
             height:  auto;
 
             @include element('banner', 'content') {
-                width:         auto;
-                padding-right: 0;
-                padding-left:  0;
+                width:   auto;
+                padding: 0;
             }
 
             @include element('banner') {
-- 
cgit v1.2.3-70-g09d2