mirror of
https://github.com/primer/css.git
synced 2024-12-25 15:14:59 +03:00
Make focus more visible for .SideNav and .menu
This commit is contained in:
parent
ceb2d549d2
commit
8a314175b2
@ -33,11 +33,15 @@
|
||||
&::before { border-bottom-left-radius: $border-radius; }
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:focus {
|
||||
z-index: 1;
|
||||
outline: none;
|
||||
box-shadow: var(--color-state-focus-shadow);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color-state-hover-secondary-bg);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
|
@ -43,8 +43,13 @@
|
||||
|
||||
// States
|
||||
|
||||
.SideNav-item:hover,
|
||||
.SideNav-item:focus {
|
||||
z-index: 1;
|
||||
outline: none;
|
||||
box-shadow: var(--color-state-focus-shadow);
|
||||
}
|
||||
|
||||
.SideNav-item:hover {
|
||||
text-decoration: none;
|
||||
background-color: var(--color-state-hover-secondary-bg);
|
||||
outline: none;
|
||||
|
Loading…
Reference in New Issue
Block a user