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; }