From f491d6952addbd6403a8b99894dee71c60b08814 Mon Sep 17 00:00:00 2001
From: Nick Colley <2445413+NickColley@users.noreply.github.com>
Date: Sun, 21 Jul 2024 13:16:03 +0100
Subject: [PATCH] Make focus indicators consistent

Focus indicators are important for keyboard users, to navigate around the website, without them it is very difficult or impossible to know where you are on the page.

This change removes the styles that prevent focus indicators being shown and bring them inline with the rest of the website e.g. blog page.
---
 _styles/main.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/_styles/main.css b/_styles/main.css
index 4b88f28a61..60f630d551 100644
--- a/_styles/main.css
+++ b/_styles/main.css
@@ -53,7 +53,6 @@ a {
 }
 
 a:focus {
-  outline: none;
   text-decoration: underline;
 }
 
@@ -477,10 +476,6 @@ footer a:focus i.fa {
   text-shadow: 0 1px 6px #08c;
 }
 
-footer ul li a:focus {
-  outline: none;
-}
-
 /*********
 * Layout *
 *********/
@@ -814,7 +809,6 @@ select,
   font-family: inherit;
   font-size: 16px;
   margin: 24px;
-  outline: none;
   padding: 16px 32px;
   text-align: center;
   text-decoration: none;
@@ -964,7 +958,6 @@ input:not([type="submit"]):not(.button) {
     inset 0 0 0 1px rgba(0, 0, 0, 0.02),
     0 1px 0 1px rgba(255, 255, 255, 0.3);
   color: #323232;
-  outline: 0;
   text-shadow: 0 1px rgba(255, 255, 255, 0.4);
   transition: all 200ms ease-out;
 }
@@ -995,7 +988,6 @@ input:focus:not([type="submit"]):not(.button) {
   box-shadow:
     inset 0 0 0 1px rgba(61, 155, 218, 0.23),
     0 1px 0 1px rgba(255, 255, 255, 0.3);
-  outline: none;
   transition: all 200ms ease-in;
 }