add docs for styling core-item in the light dom

googlearchive · Sep 19, 2014 · 9cd14fe · 9cd14fe
1 parent aa0a822
commit 9cd14fe
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/core-submenu.html b/core-submenu.html
@@ -37,7 +37,21 @@
     core-submenu::shadow > #submenuItem {
       color: blue;
     }
+    
+To style all the `core-item`s in the light DOM:
 
+    polyfill-next-selector { content: 'core-submenu > #submenu > core-item'; }
+    core-submenu > core-item {
+      color: red;
+    }
+    
+The above will style `Topic1` and `Topic2` to have font color red.
+
+    <core-submenu icon="settings" label="Topics">
+      <core-item label="Topic1"></core-item>
+      <core-item label="Topic2"></core-item>
+    </core-submenu>
+    
 @group Polymer Core Elements
 @element core-submenu
 @extends core-item