daisyui/components/textarea/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".textarea":{"min-height":"calc(0.25rem * 20)","flex-shrink":1,"appearance":"none","border-radius":"var(--radius-field)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","vertical-align":"middle","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","width":"clamp(3rem, 20rem, 100%)","font-size":"max(var(--font-size, 0rem), var(--font-size-min, 0.875rem))","touch-action":"manipulation","border":"var(--border) solid var(--input-color, #0000)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset"},".textarea textarea":{"appearance":"none","background-color":"transparent","border":"none","&::placeholder":{"color":"var(--color-base-content)","opacity":"50%"},"&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}}},".textarea:focus, .textarea:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},"@media (pointer: coarse)":{"@supports (-webkit-touch-callout: none)":{".textarea:focus, .textarea:focus-within":{"--font-size":"1rem"}}},".textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","box-shadow":"none","&::placeholder, ::placeholder":{"color":"var(--color-base-content)","opacity":"20%"}},".textarea:has( > textarea[disabled]) > textarea[disabled]":{"cursor":"not-allowed"}},"@layer daisyui.l1.l2":{".textarea-ghost":{"background-color":"transparent","box-shadow":"none","border-color":"#0000"},".textarea-ghost:focus, .textarea-ghost:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"},":is(.textarea-neutral), .textarea-neutral:focus, .textarea-neutral:focus-within":{"--input-color":"var(--color-neutral)"},":is(.textarea-primary), .textarea-primary:focus, .textarea-primary:focus-within":{"--input-color":"var(--color-primary)"},":is(.textarea-secondary), .textarea-secondary:focus, .textarea-secondary:focus-within":{"--input-color":"var(--color-secondary)"},":is(.textarea-accent), .textarea-accent:focus, .textarea-accent:focus-within":{"--input-color":"var(--color-accent)"},":is(.textarea-info), .textarea-info:focus, .textarea-info:focus-within":{"--input-color":"var(--color-info)"},":is(.textarea-success), .textarea-success:focus, .textarea-success:focus-within":{"--input-color":"var(--color-success)"},":is(.textarea-warning), .textarea-warning:focus, .textarea-warning:focus-within":{"--input-color":"var(--color-warning)"},":is(.textarea-error), .textarea-error:focus, .textarea-error:focus-within":{"--input-color":"var(--color-error)"},".textarea-xs":{"--font-size-min":"0.6875rem"},".floating-label:has(.textarea-xs)":{"--top-mul":"3","--font-size":"0.6875rem"},".textarea-sm":{"--font-size-min":"0.75rem"},".floating-label:has(.textarea-sm)":{"--top-mul":"4","--font-size":"0.75rem"},".textarea-md":{"--font-size-min":"0.875rem"},".floating-label:has(.textarea-md)":{"--top-mul":"5","--font-size":"0.875rem"},".textarea-lg":{"--font-size-min":"1.125rem"},".floating-label:has(.textarea-lg)":{"--top-mul":"6","--font-size":"1.125rem"},".textarea-xl":{"--font-size-min":"1.375rem"},".floating-label:has(.textarea-xl)":{"--top-mul":"7","--font-size":"1.375rem"}}};