UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 2.7 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaDivider.vue_vue_type_script_setup_true_lang.js"; import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js"; const _style_0 = ':root,\n:host {\n --va-divider-display: flex;\n /* Margin around divider, not the same as CSS margin. Should be one value. */\n --va-divider-margin: 0.5rem;\n --va-divider-line-width: 1px;\n --va-divider-border-style: solid;\n --va-divider-text-font-size: 0.875rem;\n --va-divider-text-line-height: 0;\n --va-divider-text-height: 0;\n --va-divider-text-vertical-align: middle;\n --va-divider-text-transform: translateY(-50%);\n /* This one adds offsets at the right and left for the given text orientation only for horizontal divider */\n --va-divider-text-horizontal-offset: 1.25rem;\n /* Vertical */\n --va-divider-vertical-display: inline-flex;\n /* Inset */\n --va-divider-inset-horizontal-margin: 1rem;\n --va-divider-inset-margin: 0.5rem var(--va-divider-inset-horizontal-margin);\n /* Dashed */\n --va-divider-dashed-border-top-style: dashed;\n}\n.va-divider {\n display: var(--va-divider-display);\n margin: var(--va-divider-margin) 0;\n font-family: var(--va-font-family);\n}\n.va-divider--vertical {\n margin: 0 var(--va-divider-margin);\n border-top: 0;\n border-right-width: var(--va-divider-line-width);\n border-right-style: var(--va-divider-border-style);\n border-right-color: var(--b02c41d8);\n display: var(--va-divider-vertical-display);\n vertical-align: top;\n}\n.va-divider--vertical.va-divider--dashed {\n border-right-style: dashed;\n}\n.va-divider--inset {\n margin: var(--va-divider-inset-margin);\n}\n.va-divider--inset.va-divider--vertical {\n margin: var(--va-divider-inset-horizontal-margin) var(--va-divider-margin);\n}\n.va-divider::before, .va-divider::after {\n content: "";\n flex: 1;\n border-top-width: var(--va-divider-line-width);\n border-top-style: var(--va-divider-border-style);\n border-top-color: var(--b02c41d8);\n}\n.va-divider--dashed::before, .va-divider--dashed::after {\n border-top-style: var(--va-divider-dashed-border-top-style);\n}\n.va-divider--left::before {\n flex: 0 var(--va-divider-text-horizontal-offset);\n}\n.va-divider--right::after {\n flex: 0 var(--va-divider-text-horizontal-offset);\n}\n.va-divider__text {\n font-size: var(--va-divider-text-font-size);\n line-height: var(--va-divider-text-line-height);\n height: var(--va-divider-text-height);\n vertical-align: var(--va-divider-text-vertical-align);\n transform: var(--va-divider-text-transform);\n}'; const _VaDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaDivider as _ }; //# sourceMappingURL=VaDivider.js.map