diff options
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/_button-group.scss | 2 | ||||
-rw-r--r-- | src/layouts/_container.scss | 2 | ||||
-rw-r--r-- | src/layouts/_form.scss | 4 | ||||
-rw-r--r-- | src/layouts/_media.scss | 2 | ||||
-rw-r--r-- | src/layouts/_message-group.scss | 8 | ||||
-rw-r--r-- | src/layouts/_overflow.scss | 2 |
6 files changed, 10 insertions, 10 deletions
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index 5f2cbe7..a70d27a 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss | |||
@@ -6,7 +6,7 @@ | |||
6 | --dims: ( | 6 | --dims: ( |
7 | --spacing: fn.global-dim(--size --150), | 7 | --spacing: fn.global-dim(--size --150), |
8 | ), | 8 | ), |
9 | ), 'dims'); | 9 | )); |
10 | 10 | ||
11 | @include iro.bem-layout(iro.props-namespace()) { | 11 | @include iro.bem-layout(iro.props-namespace()) { |
12 | display: flex; | 12 | display: flex; |
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index b567119..b28eea2 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
@@ -10,7 +10,7 @@ | |||
10 | --pad-x: fn.global-dim(--size --400), | 10 | --pad-x: fn.global-dim(--size --400), |
11 | --pad-y: fn.global-dim(--size --800), | 11 | --pad-y: fn.global-dim(--size --800), |
12 | ) | 12 | ) |
13 | ), 'dims'); | 13 | )); |
14 | 14 | ||
15 | @include iro.props-store(( | 15 | @include iro.props-store(( |
16 | --dims: ( | 16 | --dims: ( |
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index 901f613..9c741ec 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use '../functions' as fn; | 2 | @use '../functions' as fn; |
3 | 3 | ||
4 | @use '../objects/field-label'; | 4 | // @use '../objects/field-label'; |
5 | 5 | ||
6 | @include iro.props-namespace('form') { | 6 | @include iro.props-namespace('form') { |
7 | @include iro.props-store(( | 7 | @include iro.props-store(( |
@@ -10,7 +10,7 @@ | |||
10 | --label-spacing-x: fn.global-dim(--size --325), | 10 | --label-spacing-x: fn.global-dim(--size --325), |
11 | --hint-font-size: fn.global-dim(--font-size --75), | 11 | --hint-font-size: fn.global-dim(--font-size --75), |
12 | ), | 12 | ), |
13 | ), 'dims'); | 13 | )); |
14 | 14 | ||
15 | @include iro.bem-layout(iro.props-namespace()) { | 15 | @include iro.bem-layout(iro.props-namespace()) { |
16 | display: flex; | 16 | display: flex; |
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss index d276d33..fa90975 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.scss | |||
@@ -22,7 +22,7 @@ | |||
22 | --pad-y: fn.global-dim(--size --225), | 22 | --pad-y: fn.global-dim(--size --225), |
23 | ) | 23 | ) |
24 | ) | 24 | ) |
25 | ), 'dims'); | 25 | )); |
26 | 26 | ||
27 | @include iro.bem-layout(iro.props-namespace()) { | 27 | @include iro.bem-layout(iro.props-namespace()) { |
28 | display: flex; | 28 | display: flex; |
diff --git a/src/layouts/_message-group.scss b/src/layouts/_message-group.scss index 125c215..f977b61 100644 --- a/src/layouts/_message-group.scss +++ b/src/layouts/_message-group.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
2 | @use '../functions' as fn; | 2 | @use '../functions' as fn; |
3 | 3 | ||
4 | @use '../objects/message'; | 4 | // @use '../objects/message'; |
5 | 5 | ||
6 | @include iro.props-namespace('message-group') { | 6 | @include iro.props-namespace('message-group') { |
7 | @include iro.props-store(( | 7 | @include iro.props-store(( |
@@ -15,7 +15,7 @@ | |||
15 | --spacing-y: fn.global-dim(--size --50), | 15 | --spacing-y: fn.global-dim(--size --50), |
16 | ) | 16 | ) |
17 | ) | 17 | ) |
18 | ), 'dims'); | 18 | )); |
19 | 19 | ||
20 | @include iro.bem-layout(iro.props-namespace()) { | 20 | @include iro.bem-layout(iro.props-namespace()) { |
21 | display: grid; | 21 | display: grid; |
@@ -43,7 +43,7 @@ | |||
43 | position: absolute; | 43 | position: absolute; |
44 | top: 0; | 44 | top: 0; |
45 | left: calc(-1 * fn.dim(--arrow-size)); | 45 | left: calc(-1 * fn.dim(--arrow-size)); |
46 | border: fn.dim(--arrow-size) solid fn.global-color(--bg); | 46 | border: fn.dim(--arrow-size) solid fn.global-color(--bg-l2); |
47 | border-bottom-color: transparent; | 47 | border-bottom-color: transparent; |
48 | border-left-color: transparent; | 48 | border-left-color: transparent; |
49 | } | 49 | } |
@@ -59,7 +59,7 @@ | |||
59 | right: calc(-1 * fn.dim(--arrow-size)); | 59 | right: calc(-1 * fn.dim(--arrow-size)); |
60 | left: auto; | 60 | left: auto; |
61 | border-right-color: transparent; | 61 | border-right-color: transparent; |
62 | border-left-color: fn.global-color(--bg); | 62 | border-left-color: fn.global-color(--bg-l2); |
63 | } | 63 | } |
64 | } | 64 | } |
65 | } | 65 | } |
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss index d3af570..8643bbf 100644 --- a/src/layouts/_overflow.scss +++ b/src/layouts/_overflow.scss | |||
@@ -4,6 +4,6 @@ | |||
4 | @include iro.props-namespace('overflow') { | 4 | @include iro.props-namespace('overflow') { |
5 | @include iro.bem-layout(iro.props-namespace()) { | 5 | @include iro.bem-layout(iro.props-namespace()) { |
6 | overflow: auto; | 6 | overflow: auto; |
7 | scrollbar-color: fn.global-color(--obj-lo) transparent; | 7 | scrollbar-color: fn.global-color(--text-disabled) transparent; |
8 | } | 8 | } |
9 | } | 9 | } |