UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 1.92 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaListItem.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 {\n display: block;\n font-family: var(--va-font-family);\n}\n.va-list-item--disabled {\n cursor: default;\n opacity: 0.4;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.va-list-item:not(.va-list-item--disabled):focus-visible {\n outline: 2px solid var(--va-focus) !important;\n border-radius: 2px;\n outline-offset: -2px;\n}\n.va-list-item__inner {\n display: var(--va-list-item-display);\n align-items: var(--va-list-item-align-items);\n width: var(--va-list-item-width);\n height: var(--va-list-item-height);\n}"; const _VaListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaListItem as _ }; //# sourceMappingURL=VaListItem.js.map