From 34578f2581ea50dc71bae98eff0f57bca6671ebc Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 13 Feb 2022 12:11:05 +0100 Subject: Update --- src/_declare-vars.scss | 2 +- src/layouts/_card.scss | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) (limited to 'src') 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); -- cgit v1.2.3-54-g00ecf