Adding the relevant selector too

googlearchive · Jul 2, 2014 · 37435be · 37435be
1 parent f3d518b
commit 37435be
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/transitions/slide-from-right.html b/transitions/slide-from-right.html
@@ -10,23 +10,23 @@
 <link href="core-transition-pages.html" rel="import">
 
 <core-style id="slide-from-right">
-  polyfill-next-selector { content: ':host > *'; }
+  polyfill-next-selector { content: ':host(.slide-from-right) > *'; }
   :host(.slide-from-right) ::content > * {
     -webkit-transition: -webkit-transform {{g.transitions.slideDuration || g.transitions.duration}} cubic-bezier(0.4, 0, 0.2, 1);
     transition: transform {{g.transitions.slideDuration || g.transitions.duration}} cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  polyfill-next-selector { content: ':host > .core-selected ~ [animate]:not(.core-selected)'; }
+  polyfill-next-selector { content: ':host(.slide-from-right) > .core-selected ~ [animate]:not(.core-selected)'; }
   :host(.slide-from-right) ::content > .core-selected ~ [animate]:not(.core-selected) {
     -webkit-transform: translateX(100%);
   }
 
-  polyfill-next-selector { content: ':host > [animate]:not(.core-selected)'; }
+  polyfill-next-selector { content: ':host(.slide-from-right) > [animate]:not(.core-selected)'; }
   :host(.slide-from-right) ::content > [animate]:not(.core-selected) {
     -webkit-transform: translateX(-100%);
   }
 
-  polyfill-next-selector { content: ':host > .core-selected'; }
+  polyfill-next-selector { content: ':host(.slide-from-right) > .core-selected'; }
   :host(.slide-from-right) ::content > .core-selected {
     -webkit-transform: none;
   }