daisyui/components/dropdown/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".dropdown":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)"},".dropdown > :not(:has( ~ [class*=\"dropdown-content\"])):focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},".dropdown .dropdown-content":{"position":"absolute"},".dropdown.dropdown-close .dropdown-content, .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, .dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},".dropdown[popover], .dropdown  .dropdown-content":{"z-index":999,"@media (prefers-reduced-motion: no-preference)":{"animation":"dropdown 0.2s","transition-property":"opacity, scale, display, overlay","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"}},"@starting-style":{".dropdown[popover], .dropdown  .dropdown-content":{"scale":"95%","opacity":0}},":is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) > [tabindex]:first-child":{"pointer-events":"none"},":is(.dropdown:not(.dropdown-close).dropdown-open, .dropdown:not(.dropdown-close):not(.dropdown-hover):focus, .dropdown:not(.dropdown-close):focus-within) .dropdown-content":{"opacity":"100%","scale":"100%"},".dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content":{"opacity":"100%","scale":"100%"},".dropdown:is(details)":{"overflow":"revert-layer","summary":{"&::-webkit-details-marker":{"display":"none"}}},".dropdown:where([popover])":{"background":"#0000"},".dropdown[popover]":{"position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-close, &.dropdown-open:not(:popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&::backdrop":{"background-color":"color-mix(in oklab, #000 30%, #0000)"}},"&.dropdown-close, &:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}},"@layer daisyui.l1.l2":{".dropdown-start":{"--anchor-h":"span-right"},".dropdown-start :where(.dropdown-content)":{"inset-inline-end":"auto","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},".dropdown-start.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"0px","bottom":"auto"}},".dropdown-start.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"0px","bottom":"auto"}},".dropdown-center":{"--anchor-h":"center"},".dropdown-center :where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0","[dir=\"rtl\"] &":{"translate":"-50% 0"}},".dropdown-center.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1 / 2 * 100%)","translate":"0 50%"}},".dropdown-center.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1 / 2 * 100%)","translate":"0 50%"}},".dropdown-end":{"--anchor-h":"span-left"},".dropdown-end :where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)","translate":"0 0","[dir=\"rtl\"] &":{"translate":"0 0"}},".dropdown-end.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}},".dropdown-end.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom"},".dropdown-left .dropdown-content":{"inset-inline-end":"100%","top":"0px","bottom":"auto","transform-origin":"100%"},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom"},".dropdown-right .dropdown-content":{"inset-inline-start":"100%","top":"0px","bottom":"auto","transform-origin":"0"},".dropdown-bottom":{"--anchor-v":"bottom"},".dropdown-bottom .dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"},".dropdown-top":{"--anchor-v":"top"},".dropdown-top .dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}},"@keyframes dropdown":{"0%":{"opacity":0}}};