Update

5 files changed, 13 insertions, 4 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);
diff --git a/tpl/index.pug b/tpl/index.pug
index d8984ce..c42c48f 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -28,7 +28,7 @@ mixin user-card(name, hue)
     -
         const avaName = name.slice(0, 1)
 
-    .l-card.l-card--flush
+    .l-card.l-card--flush.l-card--sm
         +avatar(block=true size='xs' class='l-card__block' hue=hue)
             = avaName
         = name
diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug
index 751e29d..dbfc99d 100644
--- a/tpl/objects/action-menu.pug
+++ b/tpl/objects/action-menu.pug
@@ -7,7 +7,7 @@ mixin action-menu
 
 mixin action-menu-item
     button.o-action-menu__item(disabled=attributes.disabled)
-        .l-card.l-card--flush
+        .l-card.l-card--flush.l-card--sm
             .l-card__block.o-action-menu__icon-slot
                 if attributes.icon
                     if attributes.iconIsStatus
diff --git a/tpl/objects/menu.pug b/tpl/objects/menu.pug
index 97a571d..b348df8 100644
--- a/tpl/objects/menu.pug
+++ b/tpl/objects/menu.pug
@@ -14,7 +14,7 @@ mixin menu-item
         }
 
     button(class=classes, disabled=attributes.disabled)
-        .l-card.l-card--flush
+        .l-card.l-card--flush.l-card--sm
             if attributes.icon
                 .l-card__block.o-menu__icon-slot
                     if attributes.iconIsStatus