focus adjustments to items so selected item isn't blury

This commit is contained in:
Paul Clarke 2016-04-28 14:06:15 +12:00 committed by Damian Mooyman
parent 72fcfbf4bc
commit 1506f83ef5
2 changed files with 17 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -17,7 +17,8 @@
&:first-child {
border-top: none;
}
&:hover {
&:hover,
&:focus {
text-decoration: none;
.list-group-item--has-links {
@ -26,6 +27,14 @@
}
}
&:focus {
outline-width: 1px;
outline-offset: -1px;
outline-style: solid;
outline-color: $brand-primary;
z-index: 1;
}
&.active {
background-color: $brand-primary;
color: #FFF;
@ -36,6 +45,11 @@
color: #FFF;
opacity: 1;
}
// Focus color clashes with selected colour
&:focus {
outline-color: darken($brand-primary, 10%);
}
}
}