33 lines
843 B
CSS
33 lines
843 B
CSS
.p-iftalabel {
|
|
@apply block relative
|
|
}
|
|
|
|
.p-iftalabel label {
|
|
@apply absolute pointer-events-none top-2 transition-all ease-out duration-200 leading-none text-xs font-medium start-3 text-surface-500 dark:text-surface-400
|
|
}
|
|
|
|
.p-iftalabel .p-inputtext,
|
|
.p-iftalabel .p-textarea,
|
|
.p-iftalabel .p-select-label,
|
|
.p-iftalabel .p-multiselect-label,
|
|
.p-iftalabel .p-autocomplete-input-multiple,
|
|
.p-iftalabel .p-cascadeselect-label,
|
|
.p-iftalabel .p-treeselect-label {
|
|
@apply pt-6 pb-2
|
|
}
|
|
|
|
.p-iftalabel:has(.p-invalid) label {
|
|
@apply text-red-400 dark:text-red-300
|
|
}
|
|
|
|
.p-iftalabel:has(input:focus) label ,
|
|
.p-iftalabel:has(input:-webkit-autofill) label,
|
|
.p-iftalabel:has(textarea:focus) label ,
|
|
.p-iftalabel:has(.p-inputwrapper-focus) label {
|
|
@apply text-primary
|
|
}
|
|
|
|
.p-iftalabel .p-inputicon {
|
|
@apply top-6 translate-y-1/4 mt-0
|
|
}
|