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/_site.scss | 46 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 assets/css/layouts/_site.scss

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

diff --git a/assets/css/layouts/_site.scss b/assets/css/layouts/_site.scss
new file mode 100644
index 0000000..2c06606
--- /dev/null
+++ b/assets/css/layouts/_site.scss
@@ -0,0 +1,46 @@
+@include namespace('site') {
+    @include store((
+        --dims: (
+            --outer-pad-x: 6rem,
+            --inner-pad-x: 2rem,
+            --pad-y: 6rem,
+        )
+    ));
+
+    @include layout(namespace()) {
+        display:         flex;
+        flex-direction:  row;
+        justify-content: space-around;
+
+        @include element('col') {
+            box-sizing: border-box;
+            flex:       0 0 auto;
+            width:      100%;
+            min-width:  0;
+            max-width:  35rem;
+            height:     100%;
+            padding:    prop(--dims --pad-y) prop(--dims --inner-pad-x) prop(--dims --pad-y) prop(--dims --outer-pad-x);
+
+            @include next-twin-element {
+                flex:          1 1 auto;
+                max-width:     45rem;
+                height:        auto;
+                padding-right: prop(--dims --outer-pad-x);
+                padding-left:  prop(--dims --inner-pad-x);
+            }
+        }
+
+        @include media('<=sm') {
+            display: block;
+
+            @include element('col') {
+                width:  auto;
+                height: auto;
+
+                @include next-twin-element {
+                    width: auto;
+                }
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-54-g00ecf