polyfill-next-selector { content: ':host.slide-up > * [slide-up]'; } :host(.slide-up) ::content > * /deep/ [slide-up] { -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 [slide-up]'; } ::content > .core-selected /deep/ [slide-up] { -webkit-transform: none; transform: none; } polyfill-next-selector { content: ':host > [animate]:not(.core-selected) [slide-up]'; } ::content > [animate]:not(.core-selected) /deep/ [slide-up] { -webkit-transform: translateY(150%); transform: translateY(150%); } polyfill-next-selector { content: ':host.slide-up-offscreen > * [slide-up-offscreen]'; } :host(.slide-up-offscreen) ::content > * /deep/ [slide-up-offscreen] { -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 [slide-up-offscreen]'; } ::content > .core-selected /deep/ [slide-up-offscreen] { -webkit-transform: none; transform: none; } polyfill-next-selector { content: ':host > [animate]:not(.core-selected) [slide-up-offscreen]'; } ::content > [animate]:not(.core-selected) /deep/ [slide-up-offscreen] { -webkit-transform: translateY(100vh); transform: translateY(100vh); z-index: -1; } polyfill-rule { content: ':host > [animate]:not(.core-selected) [slide-up-offscreen]'; -webkit-transform: translateY(1000px); }