UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

18 lines (15 loc) 1.8 kB
import BaseStyle from '@primevue/core/base/style'; var theme = function theme(_ref) { var dt = _ref.dt; return "\n.p-iftalabel {\n display: block;\n position: relative;\n}\n\n.p-iftalabel label {\n position: absolute;\n pointer-events: none;\n top: ".concat(dt('iftalabel.top'), ";\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n font-size: ").concat(dt('iftalabel.font.size'), ";\n font-weight: ").concat(dt('iftalabel.font.weight'), ";\n inset-inline-start: ").concat(dt('iftalabel.position.x'), ";\n color: ").concat(dt('iftalabel.color'), ";\n transition-duration: ").concat(dt('iftalabel.transition.duration'), ";\n}\n\n.p-iftalabel .p-inputtext,\n.p-iftalabel .p-textarea,\n.p-iftalabel .p-select-label,\n.p-iftalabel .p-multiselect-label,\n.p-iftalabel .p-autocomplete-input-multiple,\n.p-iftalabel .p-cascadeselect-label,\n.p-iftalabel .p-treeselect-label {\n padding-block-start: ").concat(dt('iftalabel.input.padding.top'), ";\n padding-block-end: ").concat(dt('iftalabel.input.padding.bottom'), ";\n}\n\n.p-iftalabel:has(.p-invalid) label {\n color: ").concat(dt('iftalabel.invalid.color'), ";\n}\n\n.p-iftalabel:has(input:focus) label,\n.p-iftalabel:has(input:-webkit-autofill) label,\n.p-iftalabel:has(textarea:focus) label,\n.p-iftalabel:has(.p-inputwrapper-focus) label {\n color: ").concat(dt('iftalabel.focus.color'), ";\n}\n\n.p-iftalabel .p-inputicon {\n top: ").concat(dt('iftalabel.input.padding.top'), ";\n transform: translateY(25%);\n margin-top: 0;\n}\n"); }; var classes = { root: 'p-iftalabel' }; var IftaLabelStyle = BaseStyle.extend({ name: 'iftalabel', theme: theme, classes: classes }); export { IftaLabelStyle as default }; //# sourceMappingURL=index.mjs.map