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; font-weight: 500;
color: $gray; color: $gray;
&:hover { &:hover,
&:focus {
color: $link-color; color: $link-color;
} }
} }

View File

@ -39,7 +39,8 @@
color: $bd-yellow; color: $bd-yellow;
border-color: $bd-yellow; border-color: $bd-yellow;
&:hover { &:hover,
&:focus {
color: $bd-graphite; color: $bd-graphite;
background-color: $bd-yellow; background-color: $bd-yellow;
border-color: $bd-yellow; border-color: $bd-yellow;

View File

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