From 4063292568145431e1259dae6b7d078cd7e78f2c Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Mon, 21 Aug 2023 08:14:46 +0100
Subject: Better button focus styling

---
 public/css/modules/btn.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'public/css/modules/btn.css')

diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css
index a444046..5bc4f35 100644
--- a/public/css/modules/btn.css
+++ b/public/css/modules/btn.css
@@ -14,7 +14,9 @@
     transform 100ms;
 }
 
-.btn:hover, .btn:active {
+.btn:is(:hover, :focus, :focus-visible, :focus-within, :active) {
+  box-shadow: none;
+  outline: none;
   color: var(--text-highlight-color);
   border-color: var(--background-highlight-color);
   background-color: var(--background-highlight-color);
@@ -25,6 +27,11 @@
     transform 300ms;
 }
 
+.btn:is(:focus, :focus-visible, :focus-within) {
+  border-color: var(--special-text-highlight-color);
+  border-style: dotted;
+}
+
 .btn:active {
   transform: scale(1.1, 1.1);
 }
\ No newline at end of file
-- 
cgit v1.2.3