Merge pull request #15 from addyosmani/master

slide-from-bottom: add polyfill-next-selector & prefixes
googlearchive · Aug 7, 2014 · a388f81 · a388f81
2 parents 981f9cf + e18c888
commit a388f81
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/transitions/slide-from-bottom.html b/transitions/slide-from-bottom.html
@@ -10,21 +10,28 @@
 <link href="core-transition-pages.html" rel="import">
 
 <core-style id="slide-from-bottom">
+   polyfill-next-selector { content: ':host(.slide-from-bottom) > *'; }
   :host(.slide-from-bottom) ::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-bottom) > .core-selected ~ [animate]:not(.core-selected)'; }
   :host(.slide-from-bottom) ::content > .core-selected ~ [animate]:not(.core-selected) {
     -webkit-transform: translateY(100%);
+    transform: translateY(100%);
   }
-
+
+  polyfill-next-selector { content: ':host(.slide-from-bottom) > [animate]:not(.core-selected)'; }
   :host(.slide-from-bottom) ::content > [animate]:not(.core-selected) {
     -webkit-transform: translateY(-100%);
+    transform: translateY(-100%);
   }
 
+  polyfill-next-selector { content: ':host(.slide-from-bottom) > .core-selected'; }
   :host(.slide-from-bottom) ::content > .core-selected {
     -webkit-transform: none;
+    transform: none;
   }
 </core-style>