UNPKG

@primeuix/styles

Version:
1 lines 5.72 kB
var style="\n .p-inputnumber {\n display: inline-flex;\n position: relative;\n }\n\n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n cursor: pointer;\n background: dt('inputnumber.button.background');\n color: dt('inputnumber.button.color');\n width: dt('inputnumber.button.width');\n transition:\n background dt('inputnumber.transition.duration'),\n color dt('inputnumber.transition.duration'),\n border-color dt('inputnumber.transition.duration'),\n outline-color dt('inputnumber.transition.duration');\n }\n\n .p-inputnumber-button:disabled {\n cursor: auto;\n }\n\n .p-inputnumber-button:not(:disabled):hover {\n background: dt('inputnumber.button.hover.background');\n color: dt('inputnumber.button.hover.color');\n }\n\n .p-inputnumber-button:not(:disabled):active {\n background: dt('inputnumber.button.active.background');\n color: dt('inputnumber.button.active.color');\n }\n\n .p-inputnumber-stacked .p-inputnumber-button {\n position: relative;\n border: 0 none;\n }\n\n .p-inputnumber-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n position: absolute;\n inset-block-start: 1px;\n inset-inline-end: 1px;\n height: calc(100% - 2px);\n z-index: 1;\n }\n\n .p-inputnumber-stacked .p-inputnumber-increment-button {\n padding: 0;\n border-start-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n }\n\n .p-inputnumber-stacked .p-inputnumber-decrement-button {\n padding: 0;\n border-end-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n }\n\n .p-inputnumber-stacked .p-inputnumber-button {\n flex: 1 1 auto;\n border: 0 none;\n }\n\n .p-inputnumber-horizontal .p-inputnumber-button {\n border: 1px solid dt('inputnumber.button.border.color');\n }\n\n .p-inputnumber-horizontal .p-inputnumber-button:hover {\n border-color: dt('inputnumber.button.hover.border.color');\n }\n\n .p-inputnumber-horizontal .p-inputnumber-button:active {\n border-color: dt('inputnumber.button.active.border.color');\n }\n\n .p-inputnumber-horizontal .p-inputnumber-increment-button {\n order: 3;\n border-start-end-radius: dt('inputnumber.button.border.radius');\n border-end-end-radius: dt('inputnumber.button.border.radius');\n border-inline-start: 0 none;\n }\n\n .p-inputnumber-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n\n .p-inputnumber-horizontal .p-inputnumber-decrement-button {\n order: 1;\n border-start-start-radius: dt('inputnumber.button.border.radius');\n border-end-start-radius: dt('inputnumber.button.border.radius');\n border-inline-end: 0 none;\n }\n\n .p-floatlabel:has(.p-inputnumber-horizontal) label {\n margin-inline-start: dt('inputnumber.button.width');\n }\n\n .p-inputnumber-vertical {\n flex-direction: column;\n }\n\n .p-inputnumber-vertical .p-inputnumber-button {\n border: 1px solid dt('inputnumber.button.border.color');\n padding: dt('inputnumber.button.vertical.padding');\n }\n\n .p-inputnumber-vertical .p-inputnumber-button:hover {\n border-color: dt('inputnumber.button.hover.border.color');\n }\n\n .p-inputnumber-vertical .p-inputnumber-button:active {\n border-color: dt('inputnumber.button.active.border.color');\n }\n\n .p-inputnumber-vertical .p-inputnumber-increment-button {\n order: 1;\n border-start-start-radius: dt('inputnumber.button.border.radius');\n border-start-end-radius: dt('inputnumber.button.border.radius');\n width: 100%;\n border-block-end: 0 none;\n }\n\n .p-inputnumber-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n\n .p-inputnumber-vertical .p-inputnumber-decrement-button {\n order: 3;\n border-end-start-radius: dt('inputnumber.button.border.radius');\n border-end-end-radius: dt('inputnumber.button.border.radius');\n width: 100%;\n border-block-start: 0 none;\n }\n\n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n\n .p-inputnumber-fluid {\n width: 100%;\n }\n\n .p-inputnumber-fluid .p-inputnumber-input {\n width: 1%;\n }\n\n .p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n width: 100%;\n }\n\n .p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n font-size: dt('form.field.sm.font.size');\n width: dt('form.field.sm.font.size');\n height: dt('form.field.sm.font.size');\n }\n\n .p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n font-size: dt('form.field.lg.font.size');\n width: dt('form.field.lg.font.size');\n height: dt('form.field.lg.font.size');\n }\n\n .p-inputnumber-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n cursor: pointer;\n inset-inline-end: dt('form.field.padding.x');\n color: dt('form.field.icon.color');\n }\n\n .p-inputnumber-stacked,.p-inputnumber-clear-icon \n .p-inputnumber-horizontal .p-inputnumber-clear-icon{\n inset-inline-end: calc(dt('inputnumber.button.width') + dt('form.field.padding.x'));\n }\n";export{style};//# sourceMappingURL=index.mjs.map