diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_container.scss | 14 | ||||
-rw-r--r-- | src/layouts/_form.scss | 4 |
2 files changed, 9 insertions, 9 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index f63b04d..d3ecb5f 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -7,9 +7,9 @@ | |||
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: fn.global-dim(--spacing --xl), |
11 | --pad-y: 3rem, | 11 | --pad-y: fn.global-dim(--spacing --xl), |
12 | --in-page-spacing-y: fn.global-dim(--spacing --y --xl), | 12 | --in-page-spacing-y: fn.global-dim(--spacing --xl), |
13 | ) | 13 | ) |
14 | ), 'dims'); | 14 | ), 'dims'); |
15 | 15 | ||
@@ -17,8 +17,8 @@ | |||
17 | overflow: hidden; | 17 | overflow: hidden; |
18 | 18 | ||
19 | @include iro.bem-elem('inner') { | 19 | @include iro.bem-elem('inner') { |
20 | margin-top: calc(-1 * fn.global-dim(--spacing --y --xl)); | 20 | margin-top: calc(-1 * fn.global-dim(--spacing --xl)); |
21 | margin-bottom: calc(-1 * fn.global-dim(--spacing --y --xl)); | 21 | margin-bottom: calc(-1 * fn.global-dim(--spacing --xl)); |
22 | 22 | ||
23 | &::before, | 23 | &::before, |
24 | &::after { | 24 | &::after { |
@@ -29,11 +29,11 @@ | |||
29 | } | 29 | } |
30 | 30 | ||
31 | &::before { | 31 | &::before { |
32 | margin-bottom: fn.global-dim(--spacing --y --xl); | 32 | margin-bottom: fn.global-dim(--spacing --xl); |
33 | } | 33 | } |
34 | 34 | ||
35 | &::after { | 35 | &::after { |
36 | margin-top: fn.global-dim(--spacing --y --xl); | 36 | margin-top: fn.global-dim(--spacing --xl); |
37 | } | 37 | } |
38 | } | 38 | } |
39 | 39 | ||
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index 7225807..4334192 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
@@ -4,8 +4,8 @@ | |||
4 | @include iro.props-namespace('form') { | 4 | @include iro.props-namespace('form') { |
5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
6 | --dims: ( | 6 | --dims: ( |
7 | --item-spacing-y: fn.global-dim(--spacing --y --md), | 7 | --item-spacing-y: fn.global-dim(--spacing --md), |
8 | --label-spacing-x: fn.global-dim(--spacing --x --md), | 8 | --label-spacing-x: fn.global-dim(--spacing --md), |
9 | --hint-font-size: fn.global-dim(--font-size --sm), | 9 | --hint-font-size: fn.global-dim(--font-size --sm), |
10 | ), | 10 | ), |
11 | ), 'dims'); | 11 | ), 'dims'); |