daisyui/components/textarea/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {".textarea":{"@layer daisyui.l1.l2.l3":{"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))","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":{"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"}}},"&:focus, &: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)":{"&:focus, &:focus-within":{"--font-size":"1rem"}}},"&:has(> textarea[disabled]), &: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%"}},"&:has(> textarea[disabled]) > textarea[disabled]":{"cursor":"not-allowed"}}},".textarea-ghost":{"@layer daisyui.l1.l2":{"background-color":"transparent","box-shadow":"none","border-color":"#0000","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}}},".textarea-neutral":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}}},".textarea-primary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}}},".textarea-secondary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}}},".textarea-accent":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}}},".textarea-info":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}}},".textarea-success":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}}},".textarea-warning":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}}},".textarea-error":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}}},".textarea-xs":{"@layer daisyui.l1.l2":{"--font-size-min":"0.6875rem",".floating-label:has(&)":{"--top-mul":"3","--font-size":"0.6875rem"}}},".textarea-sm":{"@layer daisyui.l1.l2":{"--font-size-min":"0.75rem",".floating-label:has(&)":{"--top-mul":"4","--font-size":"0.75rem"}}},".textarea, .textarea-md":{"@layer daisyui.l1.l2":{"--font-size-min":"0.875rem",".floating-label:has(&)":{"--top-mul":"5","--font-size":"0.875rem"}}},".textarea-lg":{"@layer daisyui.l1.l2":{"--font-size-min":"1.125rem",".floating-label:has(&)":{"--top-mul":"6","--font-size":"1.125rem"}}},".textarea-xl":{"@layer daisyui.l1.l2":{"--font-size-min":"1.375rem",".floating-label:has(&)":{"--top-mul":"7","--font-size":"1.375rem"}}}};