summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-13 12:11:05 +0100
committerVolpeon <git@volpeon.ink>2022-02-13 12:11:05 +0100
commit34578f2581ea50dc71bae98eff0f57bca6671ebc (patch)
tree00f03c59d0abd587d4cb517be2188a904a505852 /src
parentUpdate (diff)
downloadiro-design-34578f2581ea50dc71bae98eff0f57bca6671ebc.tar.gz
iro-design-34578f2581ea50dc71bae98eff0f57bca6671ebc.tar.bz2
iro-design-34578f2581ea50dc71bae98eff0f57bca6671ebc.zip
Update
Diffstat (limited to 'src')
-rw-r--r--src/_declare-vars.scss2
-rw-r--r--src/layouts/_card.scss9
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 @@
6@include iro.props-store(( 6@include iro.props-store((
7 --dims: ( 7 --dims: (
8 --spacing: ( 8 --spacing: (
9 --base: iro.fn-px-to-rem(24px), 9 --base: iro.fn-px-to-rem(28px),
10 --factors: ( 10 --factors: (
11 --xxs: .125, 11 --xxs: .125,
12 --xs: .25, 12 --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 @@
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);