UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 2.18 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaListItemSection.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-list-width: 100%;\n /* Label */\n --va-list-label-text-align: center;\n --va-list-label-padding: 0.3rem 0;\n /* Item */\n --va-list-item-display: flex;\n --va-list-item-align-items: center;\n --va-list-item-width: 100%;\n --va-list-item-height: 100%;\n /* Item label */\n --va-list-item-label-color: #34495e;\n --va-list-item-label-display: -webkit-box;\n --va-list-item-label-box-orient: vertical;\n --va-list-item-label-overflow: hidden;\n --va-list-item-label-line-height: normal;\n --va-list-item-label-caption-font-size: 85%;\n --va-list-item-label-caption-color: #babfc2;\n /* Item Section */\n --va-list-item-section-display: flex;\n --va-list-item-section-icon-min-width: 1.5rem;\n --va-list-item-section-icon-align-items: center;\n --va-list-item-section-icon-justify-content: center;\n --va-list-item-section-icon-margin: 0.6rem 0.75rem;\n --va-list-item-section-icon-font-size: 1.25rem;\n --va-list-item-section-avatar-min-width: 3rem;\n}\n.va-list-item-section {\n display: flex;\n font-family: var(--va-font-family);\n}\n.va-list-item-section--main {\n min-width: 0;\n flex-direction: column;\n flex: 1 0;\n}\n.va-list-item-section--icon {\n min-width: var(--va-list-item-section-icon-min-width);\n align-items: var(--va-list-item-section-icon-align-items);\n justify-content: var(--va-list-item-section-icon-justify-content);\n margin: var(--va-list-item-section-icon-margin);\n}\n.va-list-item-section--icon .va-icon {\n font-size: var(--va-list-item-section-icon-font-size);\n}\n.va-list-item-section--avatar {\n min-width: var(--va-list-item-section-avatar-min-width);\n}\n.va-list-item-section + .va-list-item-section {\n margin-left: 0.5rem;\n}\n.va-list-item-section + .va-list-item-section--icon:last-child {\n margin-left: 1rem;\n}"; const _VaListItemSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaListItemSection as _ }; //# sourceMappingURL=VaListItemSection.js.map