Commit 2e9dfca2 authored by Robert Knight's avatar Robert Knight

Experiment with adding a background color change for submenu items

This makes it easier to see when a submenu item is hovered.
parent 915a7b46
......@@ -20,6 +20,10 @@ $menu-item-padding: 10px;
// Prevent menu item text from being selected when user toggles menu.
user-select: none;
&:hover {
background: $grey-1;
}
// An item in a submenu associated with a top-level item.
&--submenu {
min-height: $item-height - 10px;
......@@ -27,15 +31,13 @@ $menu-item-padding: 10px;
color: mix($grey-5, $grey-6, $weight: 50%);
font-weight: normal;
&:hover {
background: $grey-1;
// Since submenu items already have a light grey background, we need to
// use a slightly darker grey as the hover state.
background: $grey-3;
color: $grey-6;
}
}
&:hover {
background: $grey-1;
}
&.is-disabled {
.menu-item__label {
color: $grey-4;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment