summaryrefslogtreecommitdiffstats
path: root/src/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
committerVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
commitee3fd3a86c236441e161991a56009bb6ddae4458 (patch)
tree8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/layouts
parentImproved variable structure (diff)
downloadiro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip
Separate function for global props
Diffstat (limited to 'src/layouts')
-rw-r--r--src/layouts/_container.scss14
-rw-r--r--src/layouts/_form.scss6
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