From 5ede915c4990584fa0ae7747b9a5ad9a4e93acdd Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 21 Nov 2021 08:08:14 +0100
Subject: Improved list structure again

---
 assets/css/layouts/_card-list.scss | 41 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 assets/css/layouts/_card-list.scss

(limited to 'assets/css/layouts')

diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
new file mode 100644
index 0000000..e6d1297
--- /dev/null
+++ b/assets/css/layouts/_card-list.scss
@@ -0,0 +1,41 @@
+@include namespace('card-list') {
+    @include store((
+        --dims: (
+            --col-width: 17em
+        )
+    ));
+
+    @include layout(namespace()) {
+        margin-top: $line-height * 2rem;
+        font-size:  1rem;
+
+        @include element('cards') {
+            margin-top: $line-height * .625rem;
+            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;
+                    }
+                }
+            }
+
+            @media print {
+                filter: none;
+            }
+        }
+
+        @include element('card') {
+            box-shadow: none;
+
+            @include next-twin-element {
+                margin-top: 2px;
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-70-g09d2