daisyui/components/input/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {".input":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-flex","flex-shrink":1,"appearance":"none","align-items":"center","gap":"calc(0.25rem * 2)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 3)","vertical-align":"middle","white-space":"nowrap","--size":"calc(var(--size-field, 0.25rem) * var(--in-size-mul))","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","cursor":"text","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0rem), var(--font-size-min))","touch-action":"manipulation","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","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","input":{"height":"100%","width":"100%","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"}},"&::-webkit-calendar-picker-indicator":{"inset-inline-end":"-0.15em"},"&::-webkit-inner-spin-button":{"margin-inline-end":"-0.15em"}},"input&, input":{"position":"relative","display":"inline-flex","&[type=\"url\"], &[type=\"email\"]":{"direction":"ltr"},"&::-webkit-datetime-edit, &::-webkit-date-and-time-value":{"display":"grid","min-height":"100%","align-items":"center","text-align":"inherit"},"&::-webkit-inner-spin-button":{"margin-inline-end":"calc(0.25rem * -3)","margin-block":"calc(0.25rem * var(--spin-my))"},"&::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em","width":"1em","height":"1em","cursor":"pointer"},"&::-webkit-color-swatch-wrapper":{"padding-block":"0.25rem"}},"&: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(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled &":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&:is(input), :is(input)":{"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)"},"box-shadow":"none","&::placeholder, ::placeholder":{"color":"var(--color-base-content)","opacity":"20%"}},"&:has(> input[disabled]) > input[disabled]":{"cursor":"not-allowed"}}},".input-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"}}},".input-neutral":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}}},".input-primary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}}},".input-secondary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}}},".input-accent":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}}},".input-info":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}}},".input-success":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}}},".input-warning":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}}},".input-error":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}}},".input-xs":{"@layer daisyui.l1.l2":{"--in-size-mul":"6","--font-size-min":"0.6875rem","--spin-my":"-1",".floating-label:has(&)":{"--top-mul":"3","--font-size":"0.6875rem"}}},".input-sm":{"@layer daisyui.l1.l2":{"--in-size-mul":"8","--font-size-min":"0.75rem","--spin-my":"-2",".floating-label:has(&)":{"--top-mul":"4","--font-size":"0.75rem"}}},".input, .input-md":{"@layer daisyui.l1.l2":{"--in-size-mul":"10","--font-size-min":"0.875rem","--spin-my":"-3",".floating-label:has(&)":{"--top-mul":"5","--font-size":"0.875rem"}}},".input-lg":{"@layer daisyui.l1.l2":{"--in-size-mul":"12","--font-size-min":"1.125rem","--spin-my":"-3",".floating-label:has(&)":{"--top-mul":"6","--font-size":"1.125rem"}}},".input-xl":{"@layer daisyui.l1.l2":{"--in-size-mul":"14","--font-size-min":"1.375rem","--spin-my":"-4",".floating-label:has(&)":{"--top-mul":"7","--font-size":"1.375rem"}}}};