@primeuix/styles
Version:
1 lines • 1.5 kB
JavaScript
var style="\n .p-iconfield {\n position: relative;\n display: block;\n }\n\n .p-inputicon {\n position: absolute;\n top: 50%;\n margin-top: calc(-1 * (dt('icon.size') / 2));\n color: dt('iconfield.icon.color');\n line-height: 1;\n z-index: 1;\n }\n\n .p-iconfield .p-inputicon:first-child {\n inset-inline-start: dt('form.field.padding.x');\n }\n\n .p-iconfield .p-inputicon:last-child {\n inset-inline-end: dt('form.field.padding.x');\n }\n\n .p-iconfield .p-inputtext:not(:first-child),\n .p-iconfield .p-inputwrapper:not(:first-child) .p-inputtext {\n padding-inline-start: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n }\n\n .p-iconfield .p-inputtext:not(:last-child) {\n padding-inline-end: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n }\n\n .p-iconfield:has(.p-inputfield-sm) .p-inputicon {\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 margin-top: calc(-1 * (dt('form.field.sm.font.size') / 2));\n }\n\n .p-iconfield:has(.p-inputfield-lg) .p-inputicon {\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 margin-top: calc(-1 * (dt('form.field.lg.font.size') / 2));\n }\n";export{style};//# sourceMappingURL=index.mjs.map