primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-19 20:57:37 +03:00
Code Issues Projects Releases Wiki Activity

Make focus more visible for .SideNav and .menu

Browse Source
This commit is contained in:
simurai 2021-05-11 17:48:49 +09:00
parent ceb2d549d2
commit 8a314175b2
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/navigation/menu.scss
View File

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

7
src/navigation/sidenav.scss
View File

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