update to use ::shadow and /deep/

googlearchive · Mar 28, 2014 · 5806d52 · 5806d52
1 parent dd62278
commit 5806d52
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/demo.html b/demo.html
@@ -19,15 +19,15 @@
     <link rel="stylesheet" href="../polymer-ui-base/base.css">
     <style>
       /* toolbar custom theme (would work even if toolbar is inside n-levels of Shadow DOM) */
-      body /shadow-deep/ polymer-ui-toolbar.my-custom-theme {
+      body /deep/ polymer-ui-toolbar.my-custom-theme {
         background-color: #5599FF;
         color: #BBD6FF;
         font-size: 28px;
       }
-      body /shadow-deep/ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover {
+      body /deep/ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover {
         background-color: #77ABFA;
       }
-      body /shadow-deep/ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover /shadow/ polymer-ui-icon {
+      body /deep/ polymer-ui-toolbar polymer-ui-icon-button.my-custom-theme:hover::shadow polymer-ui-icon {
         transition: -webkit-transform 0.33s;
         transition: transform 0.33s;
         -webkit-transform: rotate(180deg);