UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 2.72 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaCounter.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-counter-button-inner-padding: 6px;\n --va-counter-button-outer-padding: 8px;\n}\n.va-counter {\n --va-input-wrapper-width: var(--va-form-element-default-width-small);\n min-width: unset;\n flex: none;\n}\n.va-counter .va-input-wrapper__field > *,\n.va-counter .va-input-wrapper__container > * {\n margin-right: 0;\n}\n.va-counter.va-counter--input-square .va-input-wrapper__field {\n border-radius: 0;\n border-left: none;\n border-right: none;\n}\n.va-counter.va-counter--input-square .va-counter__prepend-wrapper {\n z-index: 1;\n}\n.va-counter.va-counter--input-square .va-counter__prepend-wrapper .va-counter__button-decrease {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.va-counter.va-counter--input-square .va-counter__prepend-wrapper .va-counter__button-decrease:not(.va-button--square) {\n width: unset;\n}\n.va-counter.va-counter--input-square .va-counter__append-wrapper {\n z-index: 1;\n}\n.va-counter.va-counter--input-square .va-counter__append-wrapper .va-counter__button-increase {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.va-counter.va-counter--input-square .va-counter__append-wrapper .va-counter__button-increase:not(.va-button--square) {\n width: unset;\n}\n.va-counter .va-counter__prepend-wrapper .va-counter__button-decrease .va-button__content,\n.va-counter .va-counter__prepend-wrapper .va-counter__button-increase .va-button__content,\n.va-counter .va-counter__append-wrapper .va-counter__button-decrease .va-button__content,\n.va-counter .va-counter__append-wrapper .va-counter__button-increase .va-button__content {\n padding: unset;\n}\n.va-counter .va-counter__content-wrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n.va-counter .va-counter__content-wrapper:focus-visible {\n outline: none;\n}\n.va-counter .va-input__content__input {\n text-align: center;\n}\n.va-counter .va-input__content__input::-webkit-outer-spin-button, .va-counter .va-input__content__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.va-counter .va-input__content__input[type=number] {\n -moz-appearance: textfield;\n}\n.va-counter .va-input-wrapper__field {\n padding: 0;\n width: unset;\n}\n.va-counter__prepend-inner, .va-counter__append-inner {\n display: flex;\n align-items: stretch;\n height: 100%;\n margin: 0 0.5rem;\n}"; const _VaCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaCounter as _ }; //# sourceMappingURL=VaCounter.js.map