From 36bb73118d86fea24e4218d14e83add327b0885b Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Tue, 28 Jun 2022 12:10:14 +0100
Subject: [PATCH] Tweak focus ring width

---
 src/scss/_mixins.scss | 2 +-
 src/scss/style.scss   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index a1dbb03..4eb60f7 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -83,7 +83,7 @@
 }
 
 @mixin button-focused {
-	outline: var(--outline-focus) solid thick !important;
+	outline: var(--outline-focus) solid 0.3rem !important;
 	z-index: 1;
 	border-color: var(--background-dark);
 }
diff --git a/src/scss/style.scss b/src/scss/style.scss
index a1c0c04..c049842 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -114,11 +114,11 @@ input {
 }
 
 :focus {
-	outline: var(--outline-focus) solid thick !important;
+	outline: var(--outline-focus) solid 0.3rem !important;
 }
 
 :focus-visible {
-	outline: var(--outline-focus) solid thick !important;
+	outline: var(--outline-focus) solid 0.3rem !important;
 }
 
 .checkbox {
@@ -165,7 +165,7 @@ input {
 
 		&:focus ~ span:after {
 			content: '';
-			outline: var(--outline-focus) solid thick;
+			outline: var(--outline-focus) solid 0.3rem;
 			position: absolute;
 			top: 0;
 			right: -0.5rem;