From 8177471f70a517e78b4470cd01c375ed30121102 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 10 Nov 2021 21:20:58 +0100
Subject: Simplified home page

---
 assets/css/layouts/_card-grid.scss    | 22 -----------
 assets/css/layouts/_landing.scss      | 54 -------------------------
 assets/css/layouts/_project-grid.scss | 22 -----------
 assets/css/layouts/_section.scss      | 74 -----------------------------------
 4 files changed, 172 deletions(-)
 delete mode 100644 assets/css/layouts/_card-grid.scss
 delete mode 100644 assets/css/layouts/_landing.scss
 delete mode 100644 assets/css/layouts/_project-grid.scss
 delete mode 100644 assets/css/layouts/_section.scss

(limited to 'assets/css/layouts')

diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss
deleted file mode 100644
index c9d927a..0000000
--- a/assets/css/layouts/_card-grid.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@include namespace('card-grid') {
-    @include store((
-        --dims: (
-            --col-width: 17em
-        )
-    ));
-
-    @include layout(namespace()) {
-        display:               grid;
-        grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
-        gap:                   .6rem;
-        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
-
-        @include element('card') {
-            box-shadow: none;
-        }
-
-        @include media('<=sm') {
-            grid-template-columns: 1fr;
-        }
-    }
-}
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
deleted file mode 100644
index a81b105..0000000
--- a/assets/css/layouts/_landing.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-@include namespace('landing') {
-    @include store((
-        --dims: (
-            --banner-width: 30rem,
-        ),
-        --colors: (
-            --banner-bg: prop(--colors --bg, $global: true)
-        )
-    ));
-
-    @include layout(namespace()) {
-        display:        flex;
-        flex-direction: row;
-        align-items:    center;
-        margin-top:     auto;
-        margin-bottom:  auto;
-
-        @include element('banner') {
-            width:            70%;
-            max-width:        prop(--dims --banner-width);
-            background-color: prop(--colors --banner-bg);
-        }
-
-        @include element('content') {
-            width: 100%;
-        }
-
-        @include iro-responsive-env(('md', 'lg')) {
-            padding-right: iro-responsive-set((0, 3rem));
-            padding-left:  iro-responsive-set((0, 6rem));
-        }
-
-        @include media('<=md') {
-            display: block;
-
-            @include element('side') {
-                display: none;
-
-                @include sibling-element('side') {
-                    display: block;
-                }
-            }
-
-            @include element('banner', 'content') {
-                width:   auto;
-                padding: 0;
-            }
-
-            @include element('banner') {
-                max-width: none;
-            }
-        }
-    }
-}
diff --git a/assets/css/layouts/_project-grid.scss b/assets/css/layouts/_project-grid.scss
deleted file mode 100644
index 5ed983c..0000000
--- a/assets/css/layouts/_project-grid.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@include namespace('project-grid') {
-    @include store((
-        --dims: (
-            --col-width: 20em
-        )
-    ));
-
-    @include layout(namespace()) {
-        display:               grid;
-        grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
-        gap:                   2rem;
-        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
-
-        @include element('project') {
-            box-shadow: none;
-        }
-
-        @include media('<=sm') {
-            grid-template-columns: 1fr;
-        }
-    }
-}
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
deleted file mode 100644
index 80b8ca9..0000000
--- a/assets/css/layouts/_section.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-@include namespace('section') {
-    @include store((
-        --colors: (
-            --border:  prop(--colors --obj-hi, $global: true),
-            --body-bg: transparent,
-        )
-    ));
-
-    @include store((
-        --colors: (
-            --body-bg: prop(--colors --bg-hi, $global: true),
-        )
-    ), 'light');
-
-    @include layout(namespace()) {
-        position: relative;
-
-        @include modifier('flex') {
-            display:         flex;
-            flex-direction:  column;
-            align-items:     stretch;
-            justify-content: flex-start;
-        }
-
-        @include modifier('fullscreen') {
-            box-sizing:     border-box;
-            min-height:     100vh;
-            margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
-            padding-bottom: prop(--dims --outer, $global: true);
-        }
-
-        @include modifier('body') {
-            background-color: prop(--colors --body-bg);
-        }
-
-        @include modifier('no-header') {
-            padding-top: prop(--dims --outer, $global: true);
-        }
-
-        @include element('header') {
-            display:        flex;
-            flex-direction: row;
-            align-items:    center;
-            height:         prop(--dims --outer, $global: true);
-            font-size:      1 / 16 * 15em;
-
-            @include modifier('sticky') {
-                position: sticky;
-                z-index:  9000;
-                top:      0;
-                left:     0;
-            }
-        }
-
-        /*@include element('footer') {
-            position:  absolute;
-            z-index:   10000;
-            right:     0;
-            bottom:    0;
-            height:    prop(--dims --outer, $global: true);
-            font-size: 1 / 16 * 15em;
-        }*/
-
-        @include element('header-separator') {
-            flex:         1 1 auto;
-            width:        100%;
-            height:       100%;
-            margin-top:   -1px;
-            margin-right: prop(--container --dims --pad-x, $global: true);
-            margin-left:  prop(--container --dims --pad-x, $global: true);
-            border-top:   1px solid prop(--colors --border);
-        }
-    }
-}
-- 
cgit v1.2.3-54-g00ecf