From 93525f799ab92f285484a2072f4461e9e7d47686 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Wed, 26 Dec 2018 22:26:40 -0500
Subject: [PATCH] Make navbar focus states match hover states

---
 agaric/sass/agaric/_component.navbar.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/agaric/sass/agaric/_component.navbar.scss b/agaric/sass/agaric/_component.navbar.scss
index 7174761..0355ecf 100644
--- a/agaric/sass/agaric/_component.navbar.scss
+++ b/agaric/sass/agaric/_component.navbar.scss
@@ -158,7 +158,8 @@ a:target:hover {
   }
 }
 
-.navbar-dropdown a:hover.navbar-item {
+.navbar-dropdown a:hover.navbar-item,
+.navbar-dropdown a:focus.navbar-item {
   border-color: $white;
   @include tablet {
     color: $white;
@@ -215,7 +216,8 @@ a.navbar-link.is-active {
       bottom: -3px;
       border-top: 3px solid currentColor;
     }
-    &:hover {
+    &:hover,
+    &:focus {
       color: $white;
       background-color: $dark;
       &::before {
@@ -226,6 +228,7 @@ a.navbar-link.is-active {
 }
 
 .navbar-item.has-dropdown:hover .navbar-link,
+.navbar-item.has-dropdown:focus .navbar-link,
 .navbar-item.has-dropdown.is-active .navbar-link {
   @include tablet {
     color: $white;
@@ -235,7 +238,10 @@ a.navbar-link.is-active {
 
 a.navbar-item:hover,
 a.navbar-link:hover,
-.hero.is-dark a.navbar-item:not(.button):not(.dropdown-item):not(.tag):hover
+a.navbar-item:focus,
+a.navbar-link:focus,
+.hero.is-dark a.navbar-item:not(.button):not(.dropdown-item):not(.tag):hover,
+.hero.is-dark a.navbar-item:not(.button):not(.dropdown-item):not(.tag):focus
 {
   color: $dark;
   background-color: $white;