diff --git a/.gitignore b/.gitignore index fbe05fc..35f755b 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ bower_components/ +/public +.DS_Store diff --git a/README.md b/README.md index 3afbf6c..f484162 100644 --- a/README.md +++ b/README.md @@ -62,6 +62,7 @@ The following custom properties and mixins are available for styling: | `--paper-menu` | Mixin applied to the menu | `{}` | | `--paper-menu-selected-item` | Mixin applied to the selected item | `{}` | | `--paper-menu-focused-item` | Mixin applied to the focused item | `{}` | +| `--paper-menu-focused-item-before` | Mixin applied to the ::before pseudo-element for the focused item | `{}` | | `--paper-menu-focused-item-after` | Mixin applied to the ::after pseudo-element for the focused item | `{}` | ### Accessibility diff --git a/paper-menu-shared-styles.html b/paper-menu-shared-styles.html index 08ccd58..03537dc 100644 --- a/paper-menu-shared-styles.html +++ b/paper-menu-shared-styles.html @@ -32,6 +32,16 @@ @apply(--paper-menu-focused-item); } + + .selectable-content > ::content > *:focus:before { + @apply(--layout-fit); + background: currentColor; + opacity: var(--dark-divider-opacity); + content: ''; + pointer-events: none; + + @apply(--paper-menu-focused-item-before); + } .selectable-content > ::content > *:focus:after { @apply(--layout-fit); diff --git a/paper-menu.html b/paper-menu.html index b3f68ab..4ed606b 100644 --- a/paper-menu.html +++ b/paper-menu.html @@ -51,6 +51,7 @@ `--paper-menu` | Mixin applied to the menu | `{}` `--paper-menu-selected-item` | Mixin applied to the selected item | `{}` `--paper-menu-focused-item` | Mixin applied to the focused item | `{}` +`--paper-menu-focused-item-before` | Mixin applied to the ::before pseudo-element for the focused item | `{}` `--paper-menu-focused-item-after` | Mixin applied to the ::after pseudo-element for the focused item | `{}` ### Accessibility