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 | ||
