vuestic-ui
Version:
Vue 3 UI Framework
9 lines (8 loc) • 1.8 kB
JavaScript
import { _ as _sfc_main } from "./VaTimelineSeparator.vue_vue_type_script_lang.js";
import { _ as _export_sfc } from "../../../../plugin-vue_export-helper.js";
const _style_0 = ":root,\n:host {\n --va-timeline-separator-display: flex;\n --va-timeline-separator-align-items: center;\n /* Line */\n --va-timeline-separator-line-transition: background-color ease 0.5s;\n --va-timeline-separator-line-width: 0.125rem;\n --va-timeline-separator-line-height: 0.125rem;\n --va-timeline-separator-line-flex: 1;\n /* Center */\n --va-timeline-separator-center-transition: background-color ease 0.5s;\n --va-timeline-separator-center-width: 0.5rem;\n --va-timeline-separator-center-height: 0.5rem;\n --va-timeline-separator-center-border-radius: 0.5rem;\n /* Vertical */\n --va-timeline-separator-vertical-flex-direction: column;\n}\n.va-timeline-separator {\n display: var(--va-timeline-separator-display);\n align-items: var(--va-timeline-separator-align-items);\n}\n.va-timeline-separator--vertical {\n flex-direction: var(--va-timeline-separator-vertical-flex-direction);\n}\n.va-timeline-separator__line {\n transition: var(--va-timeline-separator-line-transition);\n width: var(--va-timeline-separator-line-width);\n height: var(--va-timeline-separator-line-height);\n flex: var(--va-timeline-separator-line-flex);\n}\n.va-timeline-separator__center {\n transition: var(--va-timeline-separator-center-transition);\n width: var(--va-timeline-separator-center-width);\n height: var(--va-timeline-separator-center-height);\n border-radius: var(--va-timeline-separator-center-border-radius);\n}";
const _VaTimelineSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
_VaTimelineSeparator as _
};
//# sourceMappingURL=VaTimelineSeparator.js.map