1 line
2.7 KiB
JavaScript
1 line
2.7 KiB
JavaScript
export default {".textarea":{"border":"var(--border) solid #0000","min-height":"calc(0.25rem * 20)","flex-shrink":1,"appearance":"none","border-radius":"var(--radius-field)","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","vertical-align":"middle","width":"clamp(3rem, 20rem, 100%)","padding-inline-start":"0.75rem","padding-inline-end":"0.75rem","font-size":"0.875rem","border-color":"var(--input-color)","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","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","textarea":{"appearance":"none","background-color":"transparent","border":"none","&: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"},"&: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)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> textarea[disabled]) > textarea[disabled]":{"cursor":"not-allowed"}},".textarea-ghost":{"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":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".textarea-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".textarea-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".textarea-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".textarea-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".textarea-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".textarea-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".textarea-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".textarea-xs":{"font-size":"0.6875rem"},".textarea-sm":{"font-size":"0.75rem"},".textarea-md":{"font-size":"0.875rem"},".textarea-lg":{"font-size":"1.125rem"},".textarea-xl":{"font-size":"1.375rem"}}; |