diff --git a/transitions/slide-from-right.html b/transitions/slide-from-right.html
index 359ec23..c575b27 100644
--- a/transitions/slide-from-right.html
+++ b/transitions/slide-from-right.html
@@ -10,23 +10,23 @@
- 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;
}