summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_card.scss9
1 files changed, 9 insertions, 0 deletions
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 @@
7 --dims: ( 7 --dims: (
8 --pad-x: fn.global-dim(--spacing --sm), 8 --pad-x: fn.global-dim(--spacing --sm),
9 --pad-y: fn.global-dim(--spacing --xs), 9 --pad-y: fn.global-dim(--spacing --xs),
10 --sm: (
11 --pad-x: fn.global-dim(--spacing --xs),
12 --pad-y: fn.global-dim(--spacing --xxs),
13 ),
10 --lg: ( 14 --lg: (
11 --pad-x: fn.global-dim(--spacing --md), 15 --pad-x: fn.global-dim(--spacing --md),
12 --pad-y: fn.global-dim(--spacing --sm), 16 --pad-y: fn.global-dim(--spacing --sm),
@@ -21,6 +25,11 @@
21 gap: fn.dim(--pad-x); 25 gap: fn.dim(--pad-x);
22 line-height: 1.4; 26 line-height: 1.4;
23 27
28 @include iro.bem-modifier('sm') {
29 padding: fn.dim(--sm --pad-y) fn.dim(--sm --pad-x);
30 gap: fn.dim(--sm --pad-x);
31 }
32
24 @include iro.bem-modifier('lg') { 33 @include iro.bem-modifier('lg') {
25 padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x); 34 padding: fn.dim(--lg --pad-y) fn.dim(--lg --pad-x);
26 gap: fn.dim(--lg --pad-x); 35 gap: fn.dim(--lg --pad-x);