From 8a660fade0cf3a937bda96255f739c3598b4f425 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 4 Oct 2021 23:41:30 +0100
Subject: [PATCH] Add focus state for nav links

---
 source/_partials/navbar.html.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/_partials/navbar.html.twig b/source/_partials/navbar.html.twig
index 1b79f439f..07ec54d8f 100644
--- a/source/_partials/navbar.html.twig
+++ b/source/_partials/navbar.html.twig
@@ -21,7 +21,7 @@
                 <nav class="flex items-center mt-4 space-x-6 md:mt-0 md:flex-row">
                     {% for item in site.menus.main %}
                         {% set is_active = page.url matches '#' ~ item.is_active ~ '#' %}
-                        <a class="text-black dark:text-white border-b-3 py-2 hover:border-gray-300 {{ is_active ? 'border-blue-primary dark:border-blue-400' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>
+                        <a class="text-black dark:text-white border-b-3 py-2 hover:border-gray-300 focus:border-gray-300 {{ is_active ? 'border-blue-primary dark:border-blue-400' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>
                     {% endfor %}
                 </nav>
             </div>