From 4adaa64d9a68f2ceb5583aeef69ab16dd54b032f Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
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;
}
--
GitLab