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:
parent
3bb7a319f3
commit
a56242e2c1
1 changed files with 8 additions and 6 deletions
|
@ -248,7 +248,13 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
|
|||
|
||||
.main-nav__link {
|
||||
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 {
|
||||
|
@ -310,11 +316,7 @@ button:not(:-moz-focusring):focus > .main-nav__btn-box {
|
|||
.main-nav__link {
|
||||
padding: .625rem .625rem .5rem;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
.main-nav__link:hover {
|
||||
text-decoration: none;
|
||||
border-color: #666;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.main-nav--right {
|
||||
|
|
Loading…
Reference in a new issue