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