39 lines
1.0 KiB
CSS
39 lines
1.0 KiB
CSS
|
.p-textarea {
|
||
|
|
@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
|
||
|
|
bg-surface-0 dark:bg-surface-950
|
||
|
|
text-surface-700 dark:text-surface-0
|
||
|
|
disabled:bg-surface-200 disabled:text-surface-500 disabled:opacity-100 dark:disabled:bg-surface-700 dark:disabled:text-surface-400
|
||
|
|
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-textarea.p-invalid {
|
||
|
|
@apply border-red-400 dark:border-red-300
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-textarea.p-variant-filled {
|
||
|
|
@apply bg-surface-50 dark:bg-surface-800
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-textarea-fluid {
|
||
|
|
@apply w-full
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-textarea-resizable {
|
||
|
|
@apply overflow-hidden resize-none
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-textarea-sm {
|
||
|
|
@apply text-sm px-[0.625rem] py-[0.375rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-textarea-lg {
|
||
|
|
@apply text-lg px-[0.875rem] py-[0.625rem]
|
||
|
|
}
|