added :before targeting for focused elements

.gitignore

@@ -1 +1,3 @@
 bower_components/
+/public
+.DS_Store

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

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);

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