diff --git a/src/_variables.scss b/src/_variables.scss index dc9c712f..b0c2a69e 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -280,6 +280,7 @@ $default-item-outline-color: unquote("rgb(#{$palette-grey-400})") !default; $default-item-hover-bg-color: unquote("rgb(#{$palette-grey-200})") !default; $default-item-focus-bg-color: unquote("rgb(#{$palette-grey-200})") !default; $default-item-active-bg-color: unquote("rgb(#{$palette-grey-300})") !default; +$default-item-divider-color: unquote("rgba(#{$color-black}, 0.12)") !default; // Disabled Button Colors $disabled-item-text-color: unquote("rgb(#{$palette-grey-400})") !default; diff --git a/src/menu/README.md b/src/menu/README.md index feb7d091..f83885c8 100755 --- a/src/menu/README.md +++ b/src/menu/README.md @@ -91,6 +91,7 @@ The MDL CSS classes apply various predefined visual and behavioral enhancements | `mdl-menu` | Defines an unordered list container as an MDL component | Required on ul element | | `mdl-js-menu` | Assigns basic MDL behavior to menu | Required on ul element | | `mdl-menu__item` | Defines buttons as MDL menu options and assigns basic MDL behavior | Required on list item elements | +| `mdl-menu__item--full-bleed-divider` | Modifies an item to have a full bleed divider between it and the next list item. | Optional on list item elements | | `mdl-js-ripple-effect` | Applies *ripple* click effect to option links | Optional; goes on unordered list element | | `mdl-menu--top-left` | Positions menu above button, aligns left edge of menu with button | Optional; goes on unordered list element | | (none) | Positions menu below button, aligns left edge of menu with button | Default | diff --git a/src/menu/_menu.scss b/src/menu/_menu.scss index 08071d41..bb564149 100644 --- a/src/menu/_menu.scss +++ b/src/menu/_menu.scss @@ -151,6 +151,10 @@ border: 0; } + &--full-bleed-divider { + border-bottom: 1px solid $default-item-divider-color; + } + &[disabled], &[data-mdl-disabled] { color: $disabled-item-text-color; background-color: transparent; diff --git a/src/menu/snippets/lower-left.html b/src/menu/snippets/lower-left.html index c924ffbd..71bc9227 100644 --- a/src/menu/snippets/lower-left.html +++ b/src/menu/snippets/lower-left.html @@ -7,7 +7,7 @@