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)
This commit is contained in:
Patrick H. Lauke 2017-01-14 22:54:55 +00:00
parent b47c252ee1
commit 4adaa64d9a
3 changed files with 9 additions and 3 deletions

View File

@ -13,7 +13,8 @@
font-weight: 500;
color: $gray;
&:hover {
&:hover,
&:focus {
color: $link-color;
}
}

View File

@ -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;

View File

@ -6,8 +6,12 @@
color: #555;
}
.team-member:hover {
.team-member:hover,
.team-member:focus {
color: #333;
}
.team-member:hover {
text-decoration: none;
}