From 64a841c69ead262666dd0754218585d0f05cf735 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 23 Jun 2024 19:05:33 +0200 Subject: WIP: New color calculations --- src/objects/_text-field.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'src/objects/_text-field.scss') diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index de5bcd1..04c809e 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss @@ -26,7 +26,8 @@ @mixin keyboard-focus { @include iro.bem-sibling-elem('bg') { - border: fn.dim(--key-focus --border) solid fn.color(--key-focus --border); + border-color: fn.color(--key-focus --border); + box-shadow: 0 0 0 fn.dim(--key-focus --border) fn.color(--key-focus --outline); } } @@ -46,9 +47,10 @@ --focus: ( --border: fn.global-dim(--border --medium), ), + --key-focus: ( - --border: fn.global-dim(--border --thick), - ) + --border: fn.global-dim(--key-focus --border), + ), ), --colors: ( --bg: fn.global-color(--base --50), @@ -63,7 +65,8 @@ --border: fn.global-color(--accent --900), ), --key-focus: ( - --border: fn.global-color(--yellow-static --400), + --border: fn.global-color(--focus --1300), + --outline: fn.global-color(--focus-static --400), ), --error: ( --border: fn.global-color(--negative --900), -- cgit v1.2.3-70-g09d2