frutjam
Version:
A utility-first CSS UI Library for Tailwind CSS
2 lines (1 loc) • 2.84 kB
JavaScript
export default {".combobox-list":{"position":"absolute","inset-block-start":"calc(100% + 0.25rem)","inset-inline":"0","z-index":100,"background-color":"var(--color-base)","border":"1px solid var(--color-base-soft)","border-radius":"calc(var(--border-radius) * 2)","padding":"0.375rem","margin":"0","list-style":"none","max-height":"16rem","overflow-y":"auto","scrollbar-width":"thin","opacity":"var(--combobox-list--opacity, 0)","pointer-events":"var(--combobox-list--pointer-events, none)","transform":"var(--combobox-list--transform, translateY(-0.25rem))","transition":"opacity 150ms ease-in-out, transform 150ms ease-in-out","display":"flex","flex-direction":"column","gap":"0.125rem","box-shadow":"0 4px 16px var(--color-base-950)","@supports (color: color-mix(in lab, red, red))":{"box-shadow":"0 4px 16px color-mix(in oklab, var(--color-base-950) 10%, transparent)"}},".combobox-item":{"--combobox-item-active-bg":"var(--color-primary-soft)","--combobox-item-active-color":"light-dark(var(--color-primary-800), var(--color-primary))","padding-inline":"0.75rem","padding-block":"0.5rem","font-size":"0.875rem","border-radius":"calc(var(--border-radius) * 1.5)","color":"var(--color-on-base)","cursor":"pointer","transition":"background-color 100ms ease-in-out, color 100ms ease-in-out","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-soft)"}},"&[aria-selected=\"true\"],\n &.combobox-item-active":{"background-color":"var(--combobox-item-active-bg)","color":"var(--combobox-item-active-color)"}},".combobox-open":{"--combobox-list--opacity":"1","--combobox-list--pointer-events":"auto","--combobox-list--transform":"translateY(0)"},".combobox-accent":{"--combobox-item-active-bg":"var(--color-accent-soft)","--combobox-item-active-color":"light-dark(var(--color-accent-800), var(--color-accent))"},".combobox-error":{"--combobox-item-active-bg":"var(--color-error-soft)","--combobox-item-active-color":"light-dark(var(--color-error-800), var(--color-error))"},".combobox-info":{"--combobox-item-active-bg":"var(--color-info-soft)","--combobox-item-active-color":"light-dark(var(--color-info-800), var(--color-info))"},".combobox-primary":{"--combobox-item-active-bg":"var(--color-primary-soft)","--combobox-item-active-color":"light-dark(var(--color-primary-800), var(--color-primary))"},".combobox-secondary":{"--combobox-item-active-bg":"var(--color-secondary-soft)","--combobox-item-active-color":"light-dark(var(--color-secondary-800), var(--color-secondary))"},".combobox-success":{"--combobox-item-active-bg":"var(--color-success-soft)","--combobox-item-active-color":"light-dark(var(--color-success-800), var(--color-success))"},".combobox-warning":{"--combobox-item-active-bg":"var(--color-warning-soft)","--combobox-item-active-color":"light-dark(var(--color-warning-800), var(--color-warning))"}};