@empathyco/x-components
Version:
Empathy X Components
8 lines (5 loc) • 1.11 kB
JavaScript
import injectCss from '../../tools/inject-css.js';
var css = ".x-switch[data-v-3ae6056b]{--x-switch-height:16px;--x-switch-width:calc((var(--x-switch-height))*2 + var(--x-switch-padding)*2);--x-switch-background:#b3b3b3;--x-switch-padding:2px;--x-switch-handle-size:var(--x-switch-height);background:var(--x-switch-background);border:none;border-radius:99999px;box-sizing:content-box;cursor:pointer;height:var(--x-switch-height);padding:var(--x-switch-padding);transition:background-color .25s ease-out;width:var(--x-switch-width)}.x-switch__handle[data-v-3ae6056b]{background:#fff;border-radius:50%;height:var(--x-switch-handle-size);transform:translateX(var(--x-switch-translate-x,0));transition:transform .25s ease-out;width:var(--x-switch-handle-size)}.x-switch--is-selected[data-v-3ae6056b]{--x-switch-translate-x:calc(var(--x-switch-padding) + var(--x-switch-width)/2);--x-switch-background:#1a1a1a}.x-switch--sm[data-v-3ae6056b]{--x-switch-height:12px}.x-switch--lg[data-v-3ae6056b]{--x-switch-height:24px}";
injectCss(css);
export { css, css as default };
//# sourceMappingURL=base-switch.vue3.js.map