From 4adaa64d9a68f2ceb5583aeef69ab16dd54b032f Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sat, 14 Jan 2017 22:54:55 +0000 Subject: [PATCH] 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) --- docs/assets/scss/_footer.scss | 3 ++- docs/assets/scss/_masthead.scss | 3 ++- docs/assets/scss/_team.scss | 6 +++++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/docs/assets/scss/_footer.scss b/docs/assets/scss/_footer.scss index 237a90d327..e7ffac4806 100644 --- 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 aa59ffbfc3..a457cb0e18 100644 --- 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 47516277ab..5f6229bd31 100644 --- 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; }