flyonui/components/menu/object.js

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

export default {".menu":{"display":"flex","flex-direction":"column","flex-wrap":"wrap","gap":"calc(0.25rem * 0.5)","border-radius":"var(--radius-box)","padding":"calc(0.25rem * 2)","font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--menu-active-fg":"var(--color-primary)","--menu-active-bg":"color-mix(in oklab, var(--color-primary) 10%, #0000)","--menu-hover-fg":"var(--color-base-content)","--menu-hover-bg":"color-mix(in oklab, var(--color-neutral) 10%, #0000)",":where(li ul)":{"position":"relative","white-space":"nowrap"},":where(li:not(.dropdown) ul)":{"margin-inline-start":"calc(0.25rem * 4)","padding-inline-start":"calc(0.25rem * 2)","&:before":{"position":"absolute","inset-inline-start":"calc(0.25rem * 0)","top":"calc(0.25rem * 3)","bottom":"calc(0.25rem * 2.5)","background-color":"var(--color-base-content)","opacity":"10%","width":"var(--border)","content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"display":"none"},":where(.menu li:empty)":{"background-color":"var(--color-base-content)","opacity":"10%","margin":"0.5rem 1rem","height":"1px"},":where(li:not(.menu-title, .tooltip) > *:not(ul, .collapse, .accordion-content, .menu-title, .btn))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2.5)","text-align":"start","transition-property":"color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter","transition-timing-function":["var(--tw-ease, var(--default-transition-timing-function))","var(--ease-out)"],"transition-duration":["var(--tw-duration, var(--default-transition-duration))","200ms"],"--tw-duration":"200ms","--tw-ease":"var(--ease-out)","text-wrap":"balance"},":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title, .btn))":{"display":"grid","grid-auto-flow":"column","align-content":"flex-start","align-items":"center","gap":"calc(0.25rem * 2)","grid-auto-columns":"minmax(auto, max-content) auto max-content","user-select":"none"},":where(li.tooltip) > *":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2.5)","text-align":"start"},":where(.menu li:not(.menu-title, .menu-disabled))":{"color":"var(--color-base-content)"},":where( .menu li:not(.menu-title, .menu-disabled) > *:not(ul, .collapse, .accordion-content, .dropdown-active, .menu-title) )":{"&:not(.btn):focus-visible":{"cursor":"pointer","--tw-outline-style":"none","outline-style":"none","color":"var(--menu-hover-fg)","background-color":"var(--menu-hover-bg)"},"&:hover":{"cursor":"pointer","--tw-outline-style":"none","outline-style":"none","color":"var(--menu-hover-fg)","background-color":"var(--menu-hover-bg)"}},"li:not(.menu-title, .menu-disabled) > :not(ul, .menu-title, .collapse, .accordion-content, .btn).menu-active":{"color":"var(--menu-active-fg)","background-color":"var(--menu-active-bg)","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)"},"li.menu-disabled":{"pointer-events":"none","opacity":"50%","webkit-user-select":"none","user-select":"none"}},":where(.menu li)":{"position":"relative","display":"flex","flex-shrink":0,"flex-direction":"column","flex-wrap":"wrap","align-items":"stretch",".badge":{"justify-self":"flex-end"}},".menu-title":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","color":"var(--color-base-content)"},".menu-horizontal":{"display":"inline-flex","flex-direction":"row","& > li:not(.menu-title) > .collapse > ul":{"position":"absolute","margin-inline-start":"calc(0.25rem * 0)","margin-top":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","padding-inline-end":"calc(0.25rem * 2)"},"& > li > .collapse > ul":{"&:before":{"content":"none"}}},":where(.menu-horizontal > li:not(.menu-title) > .collapse > ul)":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-100)","--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)","--tw-shadow-color":"color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)"},".menu-vertical":{"display":"flex","flex-direction":"column","& > li:not(.menu-title) > .collapse > ul":{"position":"relative","margin-inline-start":"calc(0.25rem * 4)","margin-top":"calc(0.25rem * 0)","padding-block":"calc(0.25rem * 0)","padding-inline-end":"calc(0.25rem * 0)"}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)","font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))"},".menu-title":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))"},".menu-title":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title))":{"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))"},".menu-title":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)"}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 3)","font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}},".menu-xl":{":where(li:not(.menu-title) > *:not(ul, .collapse, .accordion-content, .menu-title))":{"border-radius":"var(--radius-field)","padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3.5)","font-size":"var(--text-xl)","line-height":"var(--tw-leading, var(--text-xl--line-height))"},".menu-title":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 3)"}}};