diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_button-group.scss | 4 | ||||
-rw-r--r-- | src/layouts/_card.scss | 8 | ||||
-rw-r--r-- | src/layouts/_container.scss | 4 |
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'); |