From 5436478dfbf9a1d1bf5b2f4410cc7698e46e98c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Wed, 24 Apr 2019 11:37:03 +0200
Subject: [PATCH] prettier outline for buttons, and only shown when tabbing is
 active.

---
 .../src/less/components/buttons/umb-button.less | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
index 69a1e1978ba0..ddf92429b012 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
@@ -7,6 +7,21 @@
     position: relative;
 }
 
+.umb-button__button:focus {
+    outline: none;
+    .tabbing-active &:after {
+        content: '';
+        position: absolute;
+        z-index: 10000;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        border-radius: 3px;
+        box-shadow: 0 0 2px @blueMid, inset 0 0 2px 1px @blueMid;
+    }
+}
+
 .umb-button__content {
    opacity: 1;
    transition: opacity 0.25s ease;
@@ -133,4 +148,4 @@
 .umb-button--block {
     display: block;
     width: 100%;
-}
\ No newline at end of file
+}