daisyui/components/megamenu/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":[{".megamenu":{"position":"relative","display":"flex","align-items":"center","overflow":"visible","width":"unset","background-color":"transparent","border-radius":"calc(var(--radius-field) + var(--border))","--mm-anchor":"--mm1","--size":"calc(var(--size-field, 0.25rem) * 10)"},".megamenu [popovertarget]":{"position":"relative","isolation":"isolate","display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 3)","padding-inline":"var(--mm-p, 1rem)","height":"var(--size)","font-size":"var(--fontsize, 0.875rem)","border":"var(--border) solid transparent","anchor-name":"var(--mm-anchor)","transition":"background-color 200ms ease-out, color 200ms ease-out","&:focus-visible":{"outline":"2px solid var(--color-base-content)","outline-offset":"2px"},"&:after":{"--tw-content":"\"\"","content":"var(--tw-content)","pointer-events":"none","inset-inline-end":"1.4rem","box-shadow":"inset 2px 2px","transition":"opacity 200ms ease-out, rotate 200ms ease-out","width":"0.375rem","height":"0.375rem","display":"block","opacity":0.25,"rotate":"-135deg"},"&:nth-of-type(1)":{"--mm-anchor":"--mm1"},"&:nth-of-type(2)":{"--mm-anchor":"--mm2"},"&:nth-of-type(3)":{"--mm-anchor":"--mm3"},"&:nth-of-type(4)":{"--mm-anchor":"--mm4"},"&:nth-of-type(5)":{"--mm-anchor":"--mm5"},"&:nth-of-type(6)":{"--mm-anchor":"--mm6"},"&:nth-of-type(7)":{"--mm-anchor":"--mm7"},"&:nth-of-type(8)":{"--mm-anchor":"--mm8"},"&:nth-of-type(9)":{"--mm-anchor":"--mm9"},"&:nth-of-type(10)":{"--mm-anchor":"--mm10"}},".megamenu:not(:has([popovertarget]:hover, [popover]:popover-open)) .megamenu-active":{"background-color":"transparent"},".megamenu:has([popovertarget]:hover):not(:has([popover]:popover-open)) .megamenu-active, .megamenu:has([popover]:popover-open) .megamenu-active":{"inset":"anchor(var(--mm-anchor) top) anchor(var(--mm-anchor) end) anchor(var(--mm-anchor) bottom) anchor(var(--mm-anchor) start)"},".megamenu:has([popovertarget]:nth-of-type(1):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(1):popover-open)":{"--mm-anchor":"--mm1"},".megamenu:has([popovertarget]:nth-of-type(2):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(2):popover-open)":{"--mm-anchor":"--mm2"},".megamenu:has([popovertarget]:nth-of-type(3):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(3):popover-open)":{"--mm-anchor":"--mm3"},".megamenu:has([popovertarget]:nth-of-type(4):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(4):popover-open)":{"--mm-anchor":"--mm4"},".megamenu:has([popovertarget]:nth-of-type(5):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(5):popover-open)":{"--mm-anchor":"--mm5"},".megamenu:has([popovertarget]:nth-of-type(6):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(6):popover-open)":{"--mm-anchor":"--mm6"},".megamenu:has([popovertarget]:nth-of-type(7):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(7):popover-open)":{"--mm-anchor":"--mm7"},".megamenu:has([popovertarget]:nth-of-type(8):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(8):popover-open)":{"--mm-anchor":"--mm8"},".megamenu:has([popovertarget]:nth-of-type(9):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(9):popover-open)":{"--mm-anchor":"--mm9"},".megamenu:has([popovertarget]:nth-of-type(10):hover):not(:has([popover]:popover-open)), .megamenu:has([popover]:nth-of-type(10):popover-open)":{"--mm-anchor":"--mm10"},".megamenu [popovertarget]:has(+ [popover]:popover-open):after":{"opacity":1,"rotate":"45deg"},".megamenu [popover]":{"margin-top":"0.25rem","max-height":"100dvh","border-style":"var(--tw-border-style)","border-width":"1px","border-color":"var(--color-base-300)","opacity":"0%","border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","position-area":"block-end span-inline-end","max-block-size":"calc(100% - 0.25rem)","translate":"0 -0.5rem","scale":"0.98","transition":"opacity 200ms ease-out, translate 200ms ease-out, scale 200ms ease-out, display 200ms ease-out allow-discrete, overlay 200ms ease-out allow-discrete","&:popover-open":{"opacity":"100%","@starting-style":{"opacity":"0%"}}},".megamenu:has([popover]:popover-open) [popover]":{"translate":"0 0","scale":"1"}},{".megamenu-active":{"pointer-events":"none","position":"absolute","background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","border-radius":"var(--radius-field)","transition":"inset 300ms linear(0, 0.5 10%, 0.9 30%, 1.05 50%, 1.1 75%, 1), background-color 200ms ease-out"}}],"@layer daisyui.l1":{".megamenu:popover-open":{"position":"fixed","width":"100%","flex-direction":"column","align-items":"flex-start","overflow-y":"scroll","border-radius":"0","padding-top":"calc(0.25rem * 4)","opacity":"100%","background-color":"var(--color-base-100)","margin-top":"var(--mm-mt, 4rem)","[popovertarget], > [popover]:not(:nth-of-type(1))":{"display":"var(--mm-display, none)"},"&::backdrop":{"background-color":"var(--mm-backdrop, oklch(0% 0 0/ 0.4))"},"border-inline-width":"0","position-area":"block-end","top":"0","inset-inline-start":"0","max-block-size":"80svh","translate":"0 0","scale":"1","transition":"opacity 200ms ease-out, translate 200ms ease-out, scale 200ms ease-out, display 200ms ease-out allow-discrete, overlay 200ms ease-out allow-discrete","@starting-style":{"opacity":"0%"},"[popovertarget]":{"pointer-events":"none","font-size":"0.875rem","font-weight":600,"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","&:after":{"content":"none"}},"[popover]":{"position":"relative","display":"block","max-height":"none","overflow":"visible","background-color":"transparent","opacity":"100%","border":"none"}}},"@layer daisyui.l1.l2":{".megamenu-wide":{"anchor-name":"--megamenu"},".megamenu-wide:popover-open":{"inset-inline":"0"},".megamenu-wide [popover]":{"position-area":"block-end","position-anchor":"--megamenu","width":"anchor-size(inline)"},".megamenu-full":{"anchor-name":"--megamenu"},".megamenu-full:popover-open":{"inset-inline":"0"},".megamenu-full [popover]":{"position-area":"block-end","position-anchor":"--megamenu","width":"100%","border-radius":"0","border-inline-width":"0"},".megamenu-vertical":{"position":"relative","width":"100%","flex-direction":"column","align-items":"flex-start","border-radius":"0","opacity":"0%","background-color":"var(--color-base-100)","border-inline-width":"0","position-area":"block-end","max-block-size":"calc(100% - 0.25rem)","--mm-backdrop":"transparent","translate":"0 -0.5rem","scale":"0.98","transition":"opacity 200ms ease-out, translate 200ms ease-out, scale 200ms ease-out, display 200ms ease-out allow-discrete, overlay 200ms ease-out allow-discrete"},".megamenu-vertical:not([popover]:popover-open)":{"position":"revert","display":"none"},".megamenu-vertical:popover-open":{"--mm-mt":"0","--mm-display":"block"},".megamenu-vertical [popovertarget]":{"pointer-events":"none","font-size":"0.875rem","font-weight":600,"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","&:after":{"content":"none"}},".megamenu-vertical [popover]":{"position":"relative","display":"block","overflow":"visible","background-color":"transparent","opacity":"100%","border":"none"},".megamenu-xs":{"--fontsize":"0.6875rem","--mm-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"},".megamenu-sm":{"--fontsize":"0.75rem","--mm-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"},".megamenu-md":{"--fontsize":"0.875rem","--mm-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"},".megamenu-lg":{"--fontsize":"1.125rem","--mm-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"},".megamenu-xl":{"--fontsize":"1.375rem","--mm-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"}}};