flyonui/components/dropdown/object.js

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

export default {".dropdown-menu":{"z-index":10,"margin-top":"calc(0.25rem * 2)",":where(& > :not(:last-child))":{"--tw-space-y-reverse":"0","margin-block-start":"calc(calc(0.25rem * 1) * var(--tw-space-y-reverse))","margin-block-end":"calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)))"},"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","padding":"calc(0.25rem * 2)","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","text-wrap":"nowrap","opacity":"0%","--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)","transition-property":"opacity,margin","transition-timing-function":"var(--tw-ease, var(--default-transition-timing-function))","transition-duration":["var(--tw-duration, var(--default-transition-duration))","300ms"],"--tw-duration":"300ms"},".dropdown-item":{"clear":"both","display":"flex","width":"100%","align-items":"center","column-gap":"calc(0.25rem * 2)","border-radius":"var(--radius-field)","background-color":"transparent","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2.5)","color":"var(--color-base-content)","text-decoration-line":"none","text-decoration-thickness":"0px","text-align":"inherit","&:hover:not(.dropdown-active), &:focus:not(.dropdown-active), &:focus-within:not(.dropdown-active), &:focus-visible:not(.dropdown-active)":{"background-color":"color-mix(in oklab, var(--color-neutral) 10%, transparent)","--tw-outline-style":"none","outline-style":"none"},"&.dropdown-disabled, &:disabled, &[disabled]":{"pointer-events":"none","background-color":"color-mix(in oklab, var(--color-neutral) 5%, transparent)","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)"}},".dropdown-active":{"background-color":"color-mix(in oklab, var(--color-primary) 10%, transparent)","color":"var(--color-primary)"},".dropdown-header, .dropdown-footer":{"position":"static","display":"flex","align-items":"center","border-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2.5)","color":"color-mix(in oklab, var(--color-base-content) 80%, transparent)"},".dropdown-header":{"margin":"calc(0.25rem * -2)","margin-bottom":"calc(0.25rem * 2)","border-top-left-radius":"var(--radius-box)","border-top-right-radius":"var(--radius-box)","border-bottom-style":"var(--tw-border-style)","border-bottom-width":"1px"},".dropdown-footer":{"margin-inline":"calc(0.25rem * -2)","margin-bottom":"calc(0.25rem * -2) !important","border-bottom-right-radius":"var(--radius-box)","border-bottom-left-radius":"var(--radius-box)","border-top-style":"var(--tw-border-style)","border-top-width":"1px"},".dropdown-title":{"display":"block","padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 1.5)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","text-transform":"uppercase"}};