diff options
author | vimux <vimux@protonmail.com> | 2021-06-15 19:35:06 +0300 |
---|---|---|
committer | vimux <vimux@protonmail.com> | 2021-06-15 19:35:06 +0300 |
commit | a56242e2c104cf7f9d71e56b818f4e58e6cf3fee (patch) | |
tree | dd6795b5f55f1859ed1bc5853ff923694b91f2cf | |
parent | 3bb7a319f3cbb4465231d26ab6f141e7d2815190 (diff) |
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.
-rw-r--r-- | assets/css/main.css | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 7772a54..7367a55 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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 { |