1 files changed, 38 insertions, 0 deletions

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%;
+            }
+        }
+    }
+}