vuestic-ui
Version:
Vue 3 UI Framework
9 lines (8 loc) • 2.17 kB
JavaScript
import { _ as _sfc_main } from "./VaTimelineItem.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-item-display: flex;\n --va-timeline-item-flex-direction: column;\n --va-timeline-item-vertical-flex-direction: row;\n --va-timeline-item-vertical-flex-wrap: nowrap;\n --va-timeline-item-vertical-align-items: stretch;\n /* Title */\n --va-timeline-item-title-text-align: center;\n --va-timeline-item-title-color: var(--va-primary);\n --va-timeline-item-title-font-weight: 700;\n --va-timeline-item-title-font-size: 0.8rem;\n --va-timeline-item-title-text-transform: uppercase;\n /* Description */\n --va-timeline-item-description-margin-top: 0.25rem;\n --va-timeline-item-description-text-align: center;\n}\n.va-timeline-item {\n display: var(--va-timeline-item-display);\n flex-direction: var(--va-timeline-item-flex-direction);\n}\n.va-timeline-item__before, .va-timeline-item__after {\n flex: 1;\n}\n.va-timeline-item--vertical {\n flex-direction: var(--va-timeline-item-vertical-flex-direction);\n flex-wrap: var(--va-timeline-item-vertical-flex-wrap);\n align-items: var(--va-timeline-item-vertical-align-items);\n}\n.va-timeline-item--vertical .va-timeline-item__before,\n.va-timeline-item--vertical .va-timeline-item__after {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.va-timeline-item--vertical .va-timeline-item__before {\n padding-right: 1rem;\n}\n.va-timeline-item--vertical .va-timeline-item__after {\n padding-left: 1rem;\n}\n.va-timeline-item:not(.va-timeline-item--vertical) .va-timeline-item__before,\n.va-timeline-item:not(.va-timeline-item--vertical) .va-timeline-item__after {\n padding-right: 1rem;\n padding-left: 1rem;\n}\n.va-timeline-item:not(.va-timeline-item--vertical) .va-timeline-item__before {\n padding-bottom: 0.5rem;\n}\n.va-timeline-item:not(.va-timeline-item--vertical) .va-timeline-item__after {\n padding-top: 0.5rem;\n}";
const _VaTimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
_VaTimelineItem as _
};
//# sourceMappingURL=VaTimelineItem.js.map