2 files changed, 10 insertions, 1 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 38d39dd..fa6de76 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -6,7 +6,7 @@
 @include iro.props-store((
     --dims: (
         --spacing: (
-            --base: iro.fn-px-to-rem(24px),
+            --base: iro.fn-px-to-rem(28px),
             --factors: (
                 --xxs: .125,
                 --xs:  .25,
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
index 2ed121f..a0220c3 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_card.scss
@@ -7,6 +7,10 @@
         --dims: (
             --pad-x: fn.global-dim(--spacing --sm),
             --pad-y: fn.global-dim(--spacing --xs),
+            --sm: (
+                --pad-x: fn.global-dim(--spacing --xs),
+                --pad-y: fn.global-dim(--spacing --xxs),
+            ),
             --lg: (
                 --pad-x: fn.global-dim(--spacing --md),
                 --pad-y: fn.global-dim(--spacing --sm),
@@ -21,6 +25,11 @@
         gap:         fn.dim(--pad-x);
         line-height: 1.4;
 
+        @include iro.bem-modifier('sm') {
+            padding: fn.dim(--sm --pad-y) fn.dim(--sm --pad-x);
+            gap:     fn.dim(--sm --pad-x);
+        }
+
         @include iro.bem-modifier('lg') {
             padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x);
             gap:     fn.dim(--lg --pad-x);