From a56242e2c104cf7f9d71e56b818f4e58e6cf3fee Mon Sep 17 00:00:00 2001 From: vimux Date: Tue, 15 Jun 2021 12:35:06 -0400 Subject: [PATCH] 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. --- assets/css/main.css | 14 ++++++++------ 1 file 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 {