Unify main menu hover appearance for desktop and mobile

Now the hover appearance of the mobile and desktop
menu looks more uniform for all devices.
This commit is contained in:
vimux 2021-06-15 12:35:06 -04:00
parent 3bb7a319f3
commit a56242e2c1
No known key found for this signature in database
GPG key ID: 5A34FDC4EE832E34

View file

@ -248,7 +248,13 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
.main-nav__link { .main-nav__link {
display: block; display: block;
padding: .625rem .875rem; padding: .625rem .875rem .625rem .625rem;
border-left: 4px solid transparent;
}
.main-nav__link:hover {
text-decoration: none;
border-color: #666;
} }
.main-nav__list { .main-nav__list {
@ -310,11 +316,7 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
.main-nav__link { .main-nav__link {
padding: .625rem .625rem .5rem; padding: .625rem .625rem .5rem;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
} border-left: 0;
.main-nav__link:hover {
text-decoration: none;
border-color: #666;
} }
.main-nav--right { .main-nav--right {