fix #3792 @0:20

diff --git a/style/mixins.less b/style/mixins.less
index 7f1a55c2873d927e9e25e45f64a8c54817f089de..94178d1f43227cf5360b85a635ab8f255fb421f4 100644 (file)
--- a/style/mixins.less
+++ b/style/mixins.less
@@ -55,9 +55,23 @@
   }
 
   .chapters {
-    a:hover {
+    a {
+      .menu-hover-item();
+    }
+  }
+}
 
-      background-color: @button;
+.menu-hover-item() {
+  background-color: transparent;
+  transition: background-color 250ms;
+
+  &:hover {
+    background-color: @menu-button-background;
+  }
+
+  &:focus {
+    .keyboard-navigating & {
+      background-color: @menu-button-background;
     }
   }
 }

diff --git a/style/mmenu/mmenu.less b/style/mmenu/mmenu.less
index 4299a2977777108517afc926d9171f8d8fd807db..0551ba42d2708258ef3f38d1c3510000df43e69b 100644 (file)
--- a/style/mmenu/mmenu.less
+++ b/style/mmenu/mmenu.less
@@ -290,15 +290,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
     height: auto;
     position: relative;
 
-    &:hover {
-      background-color: @menu-button-background;
-    }
-
-    &:focus {
-      .keyboard-navigating & {
-        background-color: @menu-button-background;
-      }
-    }
+    .menu-hover-item();
 
     // > arrow
     &:after {