From defdf4ede0f42134c076b6a2c70519e2db629fba Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 8 Feb 2022 14:02:52 +0100 Subject: Update --- src/objects/_action-menu.scss | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) (limited to 'src/objects/_action-menu.scss') diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index e908fdf..2c922f8 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss @@ -32,6 +32,12 @@ --disabled: ( --label: fn.global-color(--fg-hi3), ), + --key-focus: ( + --bg: fn.global-color(--obj-hi), + --label: fn.global-color(--fg-lo), + --border: fn.global-color(--focus --fill), + --shadow: fn.global-color(--focus --shadow), + ), ), ), ), 'colors'); @@ -76,7 +82,8 @@ display: block; box-sizing: border-box; width: 100%; - padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x); + padding: calc(fn.dim(--item --pad-y) - 2px) calc(fn.dim(--item --pad-x) - 2px); + border: 2px solid transparent; color: fn.color(--item --disabled --label); &:link, @@ -97,6 +104,20 @@ color: currentColor; } } + + @include iro.bem-at-theme('keyboard') { + &:focus { + border-radius: 2px; + border-color: fn.color(--item --key-focus --border); + background-color: fn.color(--item --key-focus --bg); + box-shadow: fn.color(--item --key-focus --shadow); + color: fn.color(--item --key-focus --label); + + @include iro.bem-elem('icon') { + color: currentColor; + } + } + } } } -- cgit v1.2.3-70-g09d2