From 8e1e42fcb54c33816d00b26a949753e6c3c9a904 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 21 Mar 2021 12:52:39 +0100
Subject: WIP: Redesign

---
 assets/css/layouts/_container.scss | 29 ++++++++++++-----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

(limited to 'assets/css/layouts/_container.scss')

diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
index 2bb4d80..2e102ee 100644
--- a/assets/css/layouts/_container.scss
+++ b/assets/css/layouts/_container.scss
@@ -2,35 +2,30 @@
     @include store((
         --dims: (
             --pad-x: 2rem,
-            --pad-x-sm: 1rem,
-            --pad-y: $line-height * 2rem,
-            --pad-y-sm: $line-height * 1rem
+            --pad-y: $line-height * 2rem
         )
     ));
 
+    @include store((
+        --dims: (
+            --pad-x: 1rem,
+            --pad-y: $line-height * 1rem
+        )
+    ), 'sm');
+
     @include layout(namespace()) {
         padding-right: prop(--dims --pad-x);
-        padding-left: prop(--dims --pad-x);
+        padding-left:  prop(--dims --pad-x);
 
         @include modifier('content') {
-            max-width: $content--width;
+            max-width:    $content--width;
             margin-right: auto;
-            margin-left: auto;
+            margin-left:  auto;
         }
 
         @include modifier('pad-v') {
-            padding-top: prop(--dims --pad-y);
+            padding-top:    prop(--dims --pad-y);
             padding-bottom: prop(--dims --pad-y);
         }
-
-        @include media('<=sm') {
-            padding-right: prop(--dims --pad-x-sm);
-            padding-left: prop(--dims --pad-x-sm);
-
-            @include modifier('pad-v') {
-                padding-top: prop(--dims --pad-y-sm);
-                padding-bottom: prop(--dims --pad-y-sm);
-            }
-        }
     }
 }
-- 
cgit v1.2.3-54-g00ecf