diff options
author | Volpeon <git@volpeon.ink> | 2024-06-25 11:11:05 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-25 11:11:05 +0200 |
commit | b566769679473b91d2f63406fba7cc3b44c4fcc1 (patch) | |
tree | 24fe359c8922bc250ad8cce8cba688d5c8c72235 /src/objects/_text-field.scss | |
parent | Fix button style (diff) | |
download | iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.gz iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.bz2 iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.zip |
Update
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r-- | src/objects/_text-field.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 37108ab..babec79 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss | |||
@@ -26,8 +26,9 @@ | |||
26 | 26 | ||
27 | @mixin keyboard-focus { | 27 | @mixin keyboard-focus { |
28 | @include iro.bem-sibling-elem('bg') { | 28 | @include iro.bem-sibling-elem('bg') { |
29 | border-color: fn.color(--key-focus --border); | 29 | border-color: fn.color(--key-focus --border); |
30 | box-shadow: 0 0 0 fn.dim(--key-focus --border) fn.color(--key-focus --outline); | 30 | outline: fn.color(--key-focus --outline) solid fn.dim(--key-focus --border); |
31 | //outline-offset: fn.dim(--focus --border); | ||
31 | } | 32 | } |
32 | } | 33 | } |
33 | 34 | ||
@@ -62,11 +63,11 @@ | |||
62 | --border: fn.global-color(--text-mute-more), | 63 | --border: fn.global-color(--text-mute-more), |
63 | ), | 64 | ), |
64 | --focus: ( | 65 | --focus: ( |
65 | --border: fn.global-color(--accent --900), | 66 | --border: fn.global-color(--focus --1100), |
66 | ), | 67 | ), |
67 | --key-focus: ( | 68 | --key-focus: ( |
68 | --border: fn.global-color(--focus --1300), | 69 | --border: fn.global-color(--focus --1100), |
69 | --outline: fn.global-color(--focus-static --400), | 70 | --outline: fn.global-color(--focus --400), |
70 | ), | 71 | ), |
71 | --error: ( | 72 | --error: ( |
72 | --border: fn.global-color(--negative --700), | 73 | --border: fn.global-color(--negative --700), |