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