Add missing :focus styles

Double up :hover styles to also apply on :focus (particularly the
masthead button needs this, as otherwise it gives no visible indication
of being focused)

diff --git a/docs/assets/scss/_footer.scss b/docs/assets/scss/_footer.scss
index 237a90d327f0a21c087693a038da0f8716d8e148..e7ffac4806d341b7c8d3e5a3f68827c1a873f863 100644 (file)
--- a/docs/assets/scss/_footer.scss
+++ b/docs/assets/scss/_footer.scss
@@ -13,7 +13,8 @@
     font-weight: 500;
     color: $gray;
 
-    &:hover {
+    &:hover,
+    &:focus {
       color: $link-color;
     }
   }

diff --git a/docs/assets/scss/_masthead.scss b/docs/assets/scss/_masthead.scss
index aa59ffbfc3765bbf43c28485282cab215d217267..a457cb0e183912004b5920ad715b17391f8599a1 100644 (file)
--- a/docs/assets/scss/_masthead.scss
+++ b/docs/assets/scss/_masthead.scss
@@ -39,7 +39,8 @@
     color: $bd-yellow;
     border-color: $bd-yellow;
 
-    &:hover {
+    &:hover,
+    &:focus {
       color: $bd-graphite;
       background-color: $bd-yellow;
       border-color: $bd-yellow;

diff --git a/docs/assets/scss/_team.scss b/docs/assets/scss/_team.scss
index 47516277ab2f21f2a403309b5e8c1059192ccd4a..5f6229bd316ba849240cd48e275cf27100203c14 100644 (file)
--- a/docs/assets/scss/_team.scss
+++ b/docs/assets/scss/_team.scss
@@ -6,8 +6,12 @@
     color: #555;
   }
 
-  .team-member:hover {
+  .team-member:hover,
+  .team-member:focus {
     color: #333;
+  }
+
+  .team-member:hover {
     text-decoration: none;
   }