daisyui/components/label/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".label":{"display":"inline-flex","align-items":"center","gap":"calc(0.25rem * 1.5)","white-space":"nowrap","color":"color-mix(in oklab, currentcolor 60%, transparent)"},".label:has(input)":{"cursor":"pointer"},".label:is(.input > *, .select > *)":{"display":"flex","height":"calc(100% - 0.5rem)","align-items":"center","padding-inline":"calc(0.25rem * 3)","white-space":"nowrap","font-size":"inherit","&:first-child":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * 3)","border-inline-end":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"},"&:last-child":{"margin-inline-start":"calc(0.25rem * 3)","margin-inline-end":"calc(0.25rem * -3)","border-inline-start":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"}},".floating-label":{"position":"relative","display":"flex"},".floating-label ::placeholder":{"transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"},".floating-label > span":{"position":"absolute","inset-inline-start":"calc(0.25rem * 3)","z-index":1,"background-color":"var(--color-base-100)","padding-inline":"0.25rem","opacity":"0%","font-size":"var(--font-size, 0.875rem)","top":"calc(var(--size-field, 0.25rem) * var(--top-mul, 5))","line-height":1,"border-radius":"2px","pointer-events":"none","translate":"0 -50%","transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"},":is(.floating-label:focus-within, .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown))) ::placeholder":{"opacity":"0%","top":"0","translate":"-12.5% calc(-50% - 0.125em)","scale":"0.75","pointer-events":"auto"},":is(.floating-label:focus-within, .floating-label:not(:has(input:placeholder-shown, textarea:placeholder-shown))) > span":{"opacity":"100%","top":"0","translate":"-12.5% calc(-50% - 0.125em)","scale":"0.75","pointer-events":"auto","z-index":2},".floating-label:has(:disabled, [disabled]) > span":{"opacity":"0%"}}};