remove using deep and shadow for styling core-menu itself

googlearchive · Sep 2, 2014 · 099eeab · 099eeab
1 parent 7ad00be
commit 099eeab
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/core-menu.css b/core-menu.css
@@ -7,12 +7,12 @@ Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
 
-html /deep/ core-menu {
+:host {
   display: block;
   margin: 12px;
 }
 
-polyfill-next-selector { content: 'core-menu > core-item'; }
-html /deep/ core-menu::shadow ::content > core-item {
+polyfill-next-selector { content: ':host > core-item'; }
+::content > core-item {
   cursor: default;
 }
diff --git a/core-menu.html b/core-menu.html
@@ -57,6 +57,12 @@
 
 <link rel="import" href="../core-selector/core-selector.html">
 
-<link rel="stylesheet" href="core-menu.css" shim-shadowdom>
+<polymer-element name="core-menu" extends="core-selector" noscript>
+<template>
 
-<polymer-element name="core-menu" extends="core-selector" noscript></polymer-element>
+  <link rel="stylesheet" href="core-menu.css">
+
+  <shadow></shadow>
+
+</template>
+</polymer-element>