Merge pull request #3 from sfeast/master

Adding polyfill selectors for slide-from-right transition
googlearchive · Jul 3, 2014 · 60d77ad · 60d77ad
2 parents 1faae30 + 37435be
commit 60d77ad
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/transitions/slide-from-right.html b/transitions/slide-from-right.html
@@ -10,19 +10,23 @@
 <link href="core-transition-pages.html" rel="import">
 
 <core-style id="slide-from-right">
+  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(.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(.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(.slide-from-right) > .core-selected'; }
   :host(.slide-from-right) ::content > .core-selected {
     -webkit-transform: none;
   }