summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-11 22:38:01 +0100
committerVolpeon <git@volpeon.ink>2022-02-11 22:38:01 +0100
commitd1a14dea4668a0ae8bdbd0f6f32376cd8406688d (patch)
tree4a38e62aef770699da12c01e58f14a2215fb8154 /src/layouts
parentAdded button group (diff)
downloadiro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.gz
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.tar.bz2
iro-design-d1a14dea4668a0ae8bdbd0f6f32376cd8406688d.zip
Update
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_button-group.scss4
-rw-r--r--src/layouts/_card.scss8
-rw-r--r--src/layouts/_container.scss4
3 files changed, 8 insertions, 8 deletions
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index aee2000..17de1e1 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -4,12 +4,12 @@
4@include iro.props-namespace('button-group') { 4@include iro.props-namespace('button-group') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --spacing: 1rem 7 --spacing: iro.fn-px-to-rem(16px),
8 ), 8 ),
9 ), 'dims'); 9 ), 'dims');
10 10
11 @include iro.bem-layout(iro.props-namespace()) { 11 @include iro.bem-layout(iro.props-namespace()) {
12 display: flex; 12 display: flex;
13 gap: 1rem; 13 gap: fn.dim(--spacing);
14 } 14 }
15} 15}
diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss
index ce742bf..75c16ff 100644
--- a/src/layouts/_card.scss
+++ b/src/layouts/_card.scss
@@ -5,11 +5,11 @@
5@include iro.props-namespace('card') { 5@include iro.props-namespace('card') {
6 @include iro.props-store(( 6 @include iro.props-store((
7 --dims: ( 7 --dims: (
8 --pad-x: .6rem, 8 --pad-x: iro.fn-px-to-rem(10px),
9 --pad-y: .4rem, 9 --pad-y: iro.fn-px-to-rem(7px),
10 --lg: ( 10 --lg: (
11 --pad-x: .9rem, 11 --pad-x: iro.fn-px-to-rem(14px),
12 --pad-y: .7rem, 12 --pad-y: iro.fn-px-to-rem(11px),
13 ) 13 )
14 ) 14 )
15 ), 'dims'); 15 ), 'dims');
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 7f13a8b..f63b04d 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -7,8 +7,8 @@
7 --dims: ( 7 --dims: (
8 --content-width: iro.fn-px-to-rem(700px), 8 --content-width: iro.fn-px-to-rem(700px),
9 --sm-content-width: iro.fn-px-to-rem(360px), 9 --sm-content-width: iro.fn-px-to-rem(360px),
10 --pad-x: 3rem, 10 --pad-x: 3rem,
11 --pad-y: 3rem, 11 --pad-y: 3rem,
12 --in-page-spacing-y: fn.global-dim(--spacing --y --xl), 12 --in-page-spacing-y: fn.global-dim(--spacing --y --xl),
13 ) 13 )
14 ), 'dims'); 14 ), 'dims');