flyonui/components/advanceSelect/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".advance-select-toggle":{"position":"relative","display":"inline-flex","width":"100%","flex-shrink":1,"cursor":"pointer","appearance":"none","align-items":"center","background-color":"var(--color-base-100)","padding-inline-start":"calc(0.25rem * 3)","padding-inline-end":"calc(0.25rem * 10)","vertical-align":"middle","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","color":"var(--color-base-content)","webkit-user-select":"none","user-select":"none","height":"var(--size)","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))","text-overflow":"ellipsis","border":"var(--border) solid #0000","border-color":"var(--input-color)","--input-color":"color-mix(in oklab, var(--color-base-content) 40%, #0000)","--size":"calc(var(--size-field, 0.25rem) * 9.5)","&:focus, &:focus-within":{"--tw-shadow":"0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--input-color":"var(--color-primary)","--tw-shadow-color":"color-mix(in oklab, var(--input-color) 30%, #0000)","outline":"1px solid var(--input-color)","border-color":"var(--input-color)","isolation":"isolate"},"&:focus-visible":{"outline":"unset"}},".advance-select-menu":{"z-index":10,"width":"100%",":where(& > :not(:last-child))":{"--tw-space-y-reverse":"0","margin-block-start":"calc(calc(0.25rem * 0.5) * var(--tw-space-y-reverse))","margin-block-end":"calc(calc(0.25rem * 0.5) * calc(1 - var(--tw-space-y-reverse)))"},"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","background-image":"none","padding":"calc(0.25rem * 2)","--tw-shadow":"0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--tw-shadow-color":"color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)"},".advance-select-option":{"width":"100%","cursor":"pointer","border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2.5)","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)","color":"var(--color-base-content)","&:hover":{"@media (hover: hover)":{"background-color":"color-mix(in oklab, var(--color-neutral) 10%, transparent)"}},"&:focus":{"background-color":"color-mix(in oklab, var(--color-neutral) 10%, transparent)","--tw-outline-style":"none","outline-style":"none"}},".select-active":{"background-color":"color-mix(in oklab, var(--color-primary) 10%, transparent)","color":"var(--color-primary)"},".advance-select-tag":{"position":"relative","display":"flex","width":"100%","cursor":"pointer","align-items":"center","border-radius":"var(--radius-field)","border-style":"var(--tw-border-style)","border-width":"1px","background-color":"var(--color-base-100)","padding-inline-start":"calc(0.25rem * 1.5)","padding-inline-end":"calc(0.25rem * 10)","text-align":"start","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)","text-wrap":"nowrap","color":"var(--color-base-content)","&:hover":{"@media (hover: hover)":{"border-color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)"}},"border-color":"var(--input-color)","--input-color":"color-mix(in oklab, var(--color-base-content) 40%, #0000)","&:focus, &:focus-within":{"--tw-shadow":"0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","--input-color":"var(--color-primary)","--tw-shadow-color":"color-mix(in oklab, var(--input-color) 30%, #0000)","outline":"1px solid var(--input-color)","border-color":"var(--input-color)","isolation":"isolate"},"&:focus-visible":{"outline":"unset"}},".advance-select-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","padding-inline-start":"calc(0.25rem * 2.5)","padding-inline-end":"calc(0.25rem * 8)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","& ~ .advance-select-menu":{"--tw-shadow":"0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","& .advance-select-option":{"width":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)"}}},".advance-select-sm":{"--size":"calc(var(--size-field, 0.25rem) * 7.5)","padding-inline-start":"calc(0.25rem * 2.5)","padding-inline-end":"calc(0.25rem * 8)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","& ~ .advance-select-menu":{"--tw-shadow":"0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","& .advance-select-option":{"width":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1.5)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)"}}},".advance-select-md":{"--size":"calc(var(--size-field, 0.25rem) * 9.5)","padding-inline-start":"calc(0.25rem * 3)","padding-inline-end":"calc(0.25rem * 10)","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","& ~ .advance-select-menu":{"--tw-shadow":"0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))","box-shadow":"var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)","& .advance-select-option":{"width":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1.5)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)"}}},".advance-select-lg":{"--size":"calc(var(--size-field, 0.25rem) * 11.5)","padding-inline":"calc(0.25rem * 4)","padding-inline-end":"calc(0.25rem * 10)","font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))","& ~ .advance-select-menu .advance-select-option":{"width":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)"}},".advance-select-xl":{"--size":"calc(var(--size-field, 0.25rem) * 14)","padding-inline":["calc(0.25rem * 4.5)","calc(0.25rem * 4)"],"padding-inline-end":["calc(0.25rem * 10)","calc(0.25rem * 10)"],"font-size":["var(--text-xl)","var(--text-lg)"],"line-height":["var(--tw-leading, var(--text-xl--line-height))","var(--tw-leading, var(--text-lg--line-height))"],"& ~ .advance-select-menu .advance-select-option":{"width":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","font-size":"var(--text-xl)","line-height":"var(--tw-leading, var(--text-xl--line-height))","--tw-font-weight":"var(--font-weight-normal)","font-weight":"var(--font-weight-normal)"}}};