diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_container.scss | 14 | ||||
-rw-r--r-- | src/layouts/_form.scss | 6 |
2 files changed, 10 insertions, 10 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index af5b208..40e8ab6 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -9,7 +9,7 @@ | |||
9 | --sm-content-width: iro.fn-px-to-rem(360px), | 9 | --sm-content-width: iro.fn-px-to-rem(360px), |
10 | --padding-x: 3rem, | 10 | --padding-x: 3rem, |
11 | --padding-y: 3rem, | 11 | --padding-y: 3rem, |
12 | --in-page-spacing-y: fn.dim(--spacing --y --xl, $global: true), | 12 | --in-page-spacing-y: fn.global-dim(--spacing --y --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.dim(--spacing --y --xl, $global: true)); | 20 | margin-top: calc(-1 * fn.global-dim(--spacing --y --xl)); |
21 | margin-bottom: calc(-1 * fn.dim(--spacing --y --xl, $global: true)); | 21 | margin-bottom: calc(-1 * fn.global-dim(--spacing --y --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.dim(--spacing --y --xl, $global: true); | 32 | margin-bottom: fn.global-dim(--spacing --y --xl); |
33 | } | 33 | } |
34 | 34 | ||
35 | &::after { | 35 | &::after { |
36 | margin-top: fn.dim(--spacing --y --xl, $global: true); | 36 | margin-top: fn.global-dim(--spacing --y --xl); |
37 | } | 37 | } |
38 | } | 38 | } |
39 | 39 | ||
@@ -80,8 +80,8 @@ | |||
80 | } | 80 | } |
81 | 81 | ||
82 | @include iro.bem-modifier('themed') { | 82 | @include iro.bem-modifier('themed') { |
83 | background-color: fn.color(--bg, $global: true); | 83 | background-color: fn.global-color(--bg); |
84 | color: fn.color(--fg, $global: true); | 84 | color: fn.global-color(--fg); |
85 | } | 85 | } |
86 | 86 | ||
87 | @include iro.bem-modifier('in-page') { | 87 | @include iro.bem-modifier('in-page') { |
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index ac54607..aa4a166 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
@@ -4,9 +4,9 @@ | |||
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.dim(--spacing --y --md, $global: true), | 7 | --item-spacing-y: fn.global-dim(--spacing --y --md), |
8 | --label-spacing-x: fn.dim(--spacing --x --md, $global: true), | 8 | --label-spacing-x: fn.global-dim(--spacing --x --md), |
9 | --hint-font-size: fn.dim(--font-size --sm, $global: true), | 9 | --hint-font-size: fn.global-dim(--font-size --sm), |
10 | ), | 10 | ), |
11 | ), 'dims'); | 11 | ), 'dims'); |
12 | 12 | ||