From 19d3eb0bdfe505715d3b9f62a3cf8d340291a144 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 11 Nov 2021 09:14:38 +0100
Subject: Show profiles on home page again; general updates

---
 assets/css/_basics.scss               |  4 ++-
 assets/css/components/_card-list.scss | 59 +++++++++++++++++++++++++++++++++
 assets/css/components/_post-list.scss | 61 -----------------------------------
 assets/css/style.scss                 |  2 +-
 4 files changed, 63 insertions(+), 63 deletions(-)
 create mode 100644 assets/css/components/_card-list.scss
 delete mode 100644 assets/css/components/_post-list.scss

(limited to 'assets/css')

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 6da5e88..09b9585 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -36,7 +36,9 @@ body {
 }
 
 main {
-    font-size: 1 / 16 * 19em;
+    @include iro-responsive-env(('sm', 'md')) {
+        font-size: iro-responsive-set((1rem, 1 / 16 * 19rem));
+    }
 }
 
 pre,
diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss
new file mode 100644
index 0000000..2a2ae69
--- /dev/null
+++ b/assets/css/components/_card-list.scss
@@ -0,0 +1,59 @@
+@include namespace('card-list') {
+    @include store((
+        --colors: (
+            --cat: (
+                --fg: prop(--colors --fg-lo, $global: true),
+            ),
+            --meta: (
+                --fg: prop(--colors --fg-hi, $global: true),
+            )
+        ),
+        --dims: (
+            --col-width: 17em
+        )
+    ));
+
+    @include component(namespace()) {
+        margin-top: $line-height * 2rem;
+        font-size:  1rem;
+
+        @include element('category-header') {
+            margin-top: $line-height * 2rem;
+            color:      prop(--colors --cat --fg);
+
+            :link,
+            :visited {
+                text-decoration: none;
+
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+
+        @include element('category-content') {
+            margin-top: $line-height * .5rem;
+            filter:     drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
+
+            @include modifier('grid') {
+                display:               grid;
+                grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
+                gap:                   6px;
+    
+                @include element('card') {
+                    @include next-twin-element {
+                        margin-top: 0;
+                    }
+                }
+            }
+        }
+
+        @include element('card') {
+            box-shadow: none;
+
+            @include next-twin-element {
+                margin-top: 2px;
+            }
+        }
+    }
+}
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
deleted file mode 100644
index 9b124a6..0000000
--- a/assets/css/components/_post-list.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-@include namespace('post-list') {
-    @include store((
-        --colors: (
-            --cat: (
-                --fg: prop(--colors --fg-lo, $global: true),
-            ),
-            --meta: (
-                --fg: prop(--colors --fg-hi, $global: true),
-            )
-        ),
-        --dims: (
-            --col-width: 17em
-        )
-    ));
-
-    @include component(namespace()) {
-        margin-top: $line-height * 2rem;
-        font-size:  1rem;
-
-        @include element('category-header') {
-            margin-top: $line-height * 2rem;
-            color:      prop(--colors --cat --fg);
-
-            :link,
-            :visited {
-                text-decoration: none;
-
-                &:hover {
-                    text-decoration: underline;
-                }
-            }
-        }
-
-        @include element('category-content') {
-            margin-top: $line-height * .5rem;
-            filter:     drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
-        }
-
-        @include element('post') {
-            box-shadow: none;
-
-            @include next-twin-element {
-                margin-top: 2px;
-            }
-        }
-
-        @include modifier('grid') {
-            @include element('category-content') {
-                display:               grid;
-                grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
-                gap:                   $line-height * .5rem;
-            }
-
-            @include element('post') {
-                @include next-twin-element {
-                    margin-top: 0;
-                }
-            }
-        }
-    }
-}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 99d52c1..8068b87 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -16,7 +16,7 @@
 @import 'components/header';
 @import 'components/footer';
 @import 'components/card';
-@import 'components/post-list';
+@import 'components/card-list';
 
 @import 'scopes/colored-links';
 @import 'scopes/headlines';
-- 
cgit v1.2.3-54-g00ecf