primevue-mirror/apps/labs/assets/styles/primevue/inputtext.css

34 lines
1018 B
CSS

.p-inputtext {
@apply appearance-none rounded-md
border border-surface-300 dark:border-surface-700
enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
enabled:focus:border-primary dark:enabled:focus:border-primary
bg-surface-0 dark:bg-surface-950
text-surface-700 dark:text-surface-0
disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400 disabled:opacity-100
placeholder:text-surface-500 dark:placeholder:text-surface-400
px-3 py-2
transition-colors duration-200
shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
outline-none
}
.p-inputtext.p-invalid {
@apply border-red-400 dark:border-red-300
}
.p-inputtext.p-variant-filled {
@apply bg-surface-50 dark:bg-surface-800
}
.p-inputtext-sm {
@apply text-sm px-[0.625rem] py-[0.375rem]
}
.p-inputtext-lg {
@apply text-lg px-[0.875rem] py-[0.625rem]
}
.p-inputtext-fluid {
@apply w-full
}