From 144b7a2ea83507c98544d14ad9435cc5e51ac071 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 5 Feb 2022 12:26:35 +0100
Subject: Update

---
 src/layouts/_card.scss | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/layouts/_card.scss

(limited to 'src/layouts/_card.scss')

diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
new file mode 100644
index 0000000..f6b6b03
--- /dev/null
+++ b/src/layouts/_card.scss
@@ -0,0 +1,38 @@
+@include namespace('card') {
+    @include store((
+        --dims: (
+            --pad-x: iro-px-to-rem(11px),
+            --pad-y: iro-px-to-rem(8px),
+            --lg: (
+                --pad-x: iro-px-to-rem(14px),
+                --pad-y: iro-px-to-rem(11px),
+            )
+        )
+    ));
+
+    @include layout(namespace()) {
+        display:     flex;
+        align-items: center;
+        padding:     prop(--dims --pad-y) prop(--dims --pad-x);
+        gap:         prop(--dims --pad-x);
+        line-height: 1.4;
+
+        @include modifier('lg') {
+            padding: prop(--dims --lg --pad-y) prop(--dims --lg --pad-x);
+            gap:     prop(--dims --lg --pad-x);
+        }
+
+        @include modifier('flush') {
+            padding: 0;
+        }
+
+        @include element('block') {
+            flex: 0 0 auto;
+
+            @include modifier('main') {
+                flex-shrink: 1;
+                width:       100%;
+            }
+        }
+    }
+}
-- 
cgit v1.2.3-70-g09d2