UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 3.92 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaBadge.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 /* General */\n --va-badge-py: 0;\n --va-badge-font-size: 0.563rem;\n --va-badge-border: 0.125rem;\n --va-badge-size: calc(var(--va-badge-font-size) * var(--va-badge-line-height) + var(--va-badge-border) * 2);\n --va-badge-line-height: 1.4;\n --va-badge-margin: 0;\n --va-badge-width: fit-content;\n /* Dot */\n --va-badge-dot-size: 0.5rem;\n /* Text wrapper */\n --va-badge-text-wrapper-transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);\n --va-badge-text-wrapper-display: inline-flex;\n --va-badge-text-wrapper-border: solid 0.125rem;\n --va-badge-text-wrapper-border-radius: 0.125rem;\n --va-badge-text-wrapper-font-weight: 700;\n --va-badge-text-wrapper-line-height: 1.4;\n --va-badge-text-wrapper-letter-spacing: 0.0375rem;\n --va-badge-text-wrapper-justify-content: center;\n --va-badge-text-wrapper-white-space: nowrap;\n --va-badge-text-wrapper-width: min-content;\n --va-badge-text-wrapper-height: auto;\n --va-badge-text-wrapper-min-width: initial;\n --va-badge-text-wrapper-min-height: initial;\n --va-badge-text-wrapper-margin: 0;\n --va-badge-text-transform: uppercase;\n /* Text */\n --va-badge-text-py: 0;\n --va-badge-text-px: 0.25rem;\n}\n.va-badge {\n display: inline-flex;\n position: relative;\n font-family: var(--va-font-family);\n width: var(--va-badge-width);\n}\n.va-badge__text-wrapper {\n transition: var(--va-badge-text-wrapper-transition, var(--va-transition));\n display: var(--va-badge-text-wrapper-display);\n border: var(--va-badge-text-wrapper-border, var(--va-control-border));\n border-radius: var(--va-badge-text-wrapper-border-radius);\n font-weight: var(--va-badge-text-wrapper-font-weight);\n line-height: var(--va-badge-text-wrapper-line-height);\n letter-spacing: var(--va-badge-text-wrapper-letter-spacing, var(--va-letter-spacing));\n justify-content: var(--va-badge-text-wrapper-justify-content);\n align-items: center;\n white-space: var(--va-badge-text-wrapper-white-space);\n width: var(--va-badge-text-wrapper-width);\n height: var(--va-badge-text-wrapper-height);\n min-width: var(--va-badge-text-wrapper-min-width);\n min-height: var(--va-badge-text-wrapper-min-height);\n margin: var(--va-badge-text-wrapper-margin);\n}\n.va-badge--visible-empty .va-badge__text-wrapper {\n min-width: var(--va-badge-size);\n min-height: var(--va-badge-size);\n}\n.va-badge--dot .va-badge__text-wrapper {\n min-width: var(--va-badge-dot-size);\n min-height: var(--va-badge-dot-size);\n border-width: 0;\n border-radius: 100%;\n padding: 0;\n}\n.va-badge--empty .va-badge__text-wrapper {\n width: 0;\n height: 0;\n min-width: 0;\n min-height: 0;\n border-width: 0;\n}\n.va-badge--multi-line .va-badge__text-wrapper {\n white-space: normal;\n}\n.va-badge--floating .va-badge__text-wrapper {\n position: absolute;\n z-index: 2;\n}\n.va-badge__text {\n margin: var(--va-badge-margin);\n text-transform: var(--va-badge-text-transform);\n overflow: hidden;\n min-width: calc(var(--va-badge-font-size) * var(--va-badge-line-height));\n padding: var(--va-badge-text-py) var(--va-badge-text-px);\n text-align: center;\n display: inline-flex;\n justify-content: center;\n text-overflow: clip;\n white-space: nowrap;\n font-size: var(--va-badge-font-size);\n}\n.va-badge--multi-line .va-badge__text {\n overflow: auto;\n max-height: initial;\n text-align: initial;\n text-overflow: initial;\n white-space: normal;\n}\n.va-badge--dot .va-badge__text {\n display: none;\n}\n.va-badge--floating .va-badge__text {\n align-items: center;\n padding: var(--va-badge-py) 0.15rem;\n}"; const _VaBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaBadge as _ }; //# sourceMappingURL=VaBadge.js.map