Update

1 files changed, 22 insertions, 1 deletions

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