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 {
|
.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 {
|
||||||
|
|
Loading…
Reference in a new issue