From f56bedb3511ba11411d9b656a76b4e0ec35eb745 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 25 Apr 2019 13:19:29 +0300
Subject: [PATCH] global focusable css class added

---
 src/App/styles.less | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/App/styles.less b/src/App/styles.less
index 901ca458e..b4e00c01f 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -101,4 +101,24 @@ html, body, :global(#app) {
     ::-webkit-scrollbar-track {
         background-color: var(--color-backgroundlight);
     }
+}
+
+:global(.focusable-with-border) {
+    position: relative;
+    z-index: 0;
+
+    &:focus {
+        &::after {
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 1;
+            display: block;
+            pointer-events: none;
+            border: var(--focusable-border-size) solid var(--color-surfacelighter);
+            content: "";
+        }
+    }
 }
\ No newline at end of file