From f890ebdb9423230871b2f5ba5e6373190c192dcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Tue, 25 Dec 2018 23:26:56 -0500
Subject: [PATCH] Ensure additional hover states have matching focus states

---
 agaric/sass/agaric/_component.hero.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/agaric/sass/agaric/_component.hero.scss b/agaric/sass/agaric/_component.hero.scss
index cc63056..f5557a9 100644
--- a/agaric/sass/agaric/_component.hero.scss
+++ b/agaric/sass/agaric/_component.hero.scss
@@ -32,8 +32,11 @@
   a .icon {
     color: $dandelion;
   }
-  a:hover .icon {
-    color: $dandelion-light;
+  a:hover,
+  a:focus {
+    .icon {
+      color: $dandelion-light;
+    }
   }
 }
 
@@ -60,7 +63,8 @@
     right: 0;
     box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
   }
-  &:hover {
+  &:hover,
+  &:focus {
     color: $white;
     background-color: darken($blue, 5%);
     & > .container > .hero-image > .hero-image-shadow:before {
@@ -107,7 +111,8 @@
 .hero.is-dandelion {
   a {
     color: $text-light;
-    &:hover {
+    &:hover,
+    &:focus {
       color: $blue-light;
       background-color: $white;
     }
@@ -123,7 +128,8 @@
 
 .hero.is-light,
 .hero.is-grey {
-  a:hover {
+  a:hover,
+  a:focus {
     color: $blue-light;
     background-color: $white;
   }