daisyui/components/select/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".select":{"position":"relative","display":"inline-flex","flex-shrink":1,"appearance":"none","align-items":"center","gap":"calc(0.25rem * 1.5)","background-color":"var(--color-base-100)","padding-inline-start":"calc(0.25rem * 3)","padding-inline-end":"calc(0.25rem * 7)","vertical-align":"middle","--size":"calc(var(--size-field, 0.25rem) * var(--sl-size-mul, 10))","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0rem), var(--font-size-min, 0.875rem))","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))","background-image":"linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%)","background-position":"calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%)","background-size":"4px 4px, 4px 4px","background-repeat":"no-repeat","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis","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"},"[dir=\"rtl\"] .select":{"background-position":"calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)"},".select[multiple]":{"height":"auto","overflow":"auto","padding-block":"calc(0.25rem * 3)","padding-inline-end":"calc(0.25rem * 3)","background-image":"none"},".select select":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -7)","width":"calc(100% + 2.75rem)","appearance":"none","padding-inline-start":"calc(0.25rem * 3)","padding-inline-end":"calc(0.25rem * 7)","height":"calc(100% - calc(var(--border) * 2))","align-items":"center","background":"inherit","border-radius":"inherit","border-style":"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"}},"&:not(:last-child)":{"margin-inline-end":"calc(0.25rem * -5.5)","background-image":"none"}},".select:focus, .select:focus-within, .select:open":{"--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"},".select:open":{"background-image":"linear-gradient(135deg, #0000 50%, currentColor 50%), linear-gradient(45deg, currentColor 50%, #0000 50%)"},".select:has( > select[disabled]), .select:is(:disabled, [disabled]), fieldset:disabled .select":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&:is(select), :is(select)":{"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)"},"box-shadow":"none","&::placeholder, ::placeholder":{"color":"var(--color-base-content)","opacity":"20%"}},".select:has( > select[disabled]) > select[disabled]":{"cursor":"not-allowed"},"@supports (appearance: base-select)":{":is(:is(.select), .select select), :is(:is(.select), .select select)::picker(select)":{"appearance":"base-select"}},":is(:is(.select), .select select)::picker(select)":{"color":"inherit","max-height":"min(24rem, 70dvh)","margin-inline":"0.5rem","translate":"-0.5rem 0","border":"var(--border) solid var(--color-base-200)","margin-block":"calc(0.25rem * 2)","border-radius":"var(--radius-box)","padding":"calc(0.25rem * 2)","background-color":"inherit","box-shadow":["0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2)","0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1))"]},":is(:is(.select), .select select)::picker-icon":{"display":"none"},":is(:is(.select), .select select) selectedcontent":{"width":"100%","overflow":"hidden","text-overflow":"ellipsis","white-space":"nowrap"},":is(:is(.select), .select select) optgroup":{"padding-top":"0.5em","option":{"&:nth-child(1)":{"margin-top":"0.5em"}}},":is(:is(.select), .select select) option":{"border-radius":"var(--radius-field)","padding-block":"calc(0.25rem * 1.5)","padding-inline":"calc(0.25rem * var(--option-px, 3))","transition-property":"color, background-color","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","white-space":"normal","&:not(:disabled)":{"&:hover, &:focus-visible":{"cursor":"pointer","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:active":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)","box-shadow":"0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)"}}},"[dir=\"rtl\"] .select::picker(select), [dir=\"rtl\"] .select  select::picker(select)":{"translate":"0.5rem 0"}},"@layer daisyui.l1.l2":{".select-ghost":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"#0000"},".select-ghost:focus, .select-ghost:focus-within, .select-ghost:open":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"},".select-ghost::picker(select)":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)"},":is(.select-neutral), .select-neutral:focus, .select-neutral:focus-within, .select-neutral:open":{"--input-color":"var(--color-neutral)"},":is(.select-primary), .select-primary:focus, .select-primary:focus-within, .select-primary:open":{"--input-color":"var(--color-primary)"},":is(.select-secondary), .select-secondary:focus, .select-secondary:focus-within, .select-secondary:open":{"--input-color":"var(--color-secondary)"},":is(.select-accent), .select-accent:focus, .select-accent:focus-within, .select-accent:open":{"--input-color":"var(--color-accent)"},":is(.select-info), .select-info:focus, .select-info:focus-within, .select-info:open":{"--input-color":"var(--color-info)"},":is(.select-success), .select-success:focus, .select-success:focus-within, .select-success:open":{"--input-color":"var(--color-success)"},":is(.select-warning), .select-warning:focus, .select-warning:focus-within, .select-warning:open":{"--input-color":"var(--color-warning)"},":is(.select-error), .select-error:focus, .select-error:focus-within, .select-error:open":{"--input-color":"var(--color-error)"},".select-xs":{"--sl-size-mul":"6","--font-size-min":"0.6875rem","--option-px":"2"},".floating-label:has(.select-xs)":{"--top-mul":"3","--font-size":"0.6875rem"},".select-sm":{"--sl-size-mul":"8","--font-size-min":"0.75rem","--option-px":"2.5"},".floating-label:has(.select-sm)":{"--top-mul":"4","--font-size":"0.75rem"},".select-md":{"--sl-size-mul":"10","--font-size-min":"0.875rem","--option-px":"3"},".floating-label:has(.select-md)":{"--top-mul":"5","--font-size":"0.875rem"},".select-lg":{"--sl-size-mul":"12","--font-size-min":"1.125rem","--option-px":"4"},".floating-label:has(.select-lg)":{"--top-mul":"6","--font-size":"1.125rem"},".select-xl":{"--sl-size-mul":"14","--font-size-min":"1.375rem","--option-px":"5"},".floating-label:has(.select-xl)":{"--top-mul":"7","--font-size":"1.375rem"}}};