@empathyco/x-components
Version:
Empathy X Components
8 lines (5 loc) • 1.59 kB
JavaScript
import injectCss from '../../../../tools/inject-css.js';
var css = ".x-animate-translate--enter-active,.x-animate-translate--leave-active{transition:transform var(--x-duration-animation,.3s) ease-out}.x-animate-translate--top.x-animate-translate--enter-from,.x-animate-translate--top.x-animate-translate--leave-to{transform:translateY(-100%)}.x-animate-translate--bottom.x-animate-translate--enter-from,.x-animate-translate--bottom.x-animate-translate--leave-to{transform:translateY(100%)}.x-animate-translate--top-to-bottom.x-animate-translate--enter-from{transform:translateY(-100%)}.x-animate-translate--bottom-to-top.x-animate-translate--enter-from,.x-animate-translate--top-to-bottom.x-animate-translate--leave-to{transform:translateY(100%)}.x-animate-translate--bottom-to-top.x-animate-translate--leave-to{transform:translateY(-100%)}.x-animate-translate--left.x-animate-translate--enter-from,.x-animate-translate--left.x-animate-translate--leave-to{transform:translateX(-100%)}.x-animate-translate--right.x-animate-translate--enter-from,.x-animate-translate--right.x-animate-translate--leave-to{transform:translateX(100%)}.x-animate-translate--left-to-right.x-animate-translate--enter-from{transform:translateX(-100%)}.x-animate-translate--left-to-right.x-animate-translate--leave-to,.x-animate-translate--right-to-left.x-animate-translate--enter-from{transform:translateX(100%)}.x-animate-translate--right-to-left.x-animate-translate--leave-to{transform:translateX(-100%)}";
injectCss(css);
export { css, css as default };
//# sourceMappingURL=animate-translate.style.scss.js.map