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