From 5806d52f1d5559402370669c6fae083383aaed9d Mon Sep 17 00:00:00 2001
From: frankiefu <frankiefu@yahoo.com>
Date: Fri, 28 Mar 2014 10:56:25 -0700
Subject: [PATCH] update to use ::shadow and /deep/

---
 demo.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/demo.html b/demo.html
index a430278..1148ec0 100644
--- 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);