@mantine/core/cjs/components/Menubar/Menubar.module.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Menubar.module.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.module.css"],"sourcesContent":[".root {\n  display: flex;\n  align-items: center;\n}\n\n.target {\n  font-size: var(--mantine-font-size-sm);\n  line-height: 1;\n  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);\n  border-radius: var(--mantine-radius-default);\n  color: var(--mantine-color-text);\n  background-color: transparent;\n  user-select: none;\n  cursor: pointer;\n\n  &:where([data-disabled], :disabled) {\n    color: var(--mantine-color-disabled-color);\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n\n  &:where(:hover, :focus-visible, [data-expanded]) {\n    &:where(:not(:disabled, [data-disabled])) {\n      @mixin where-light {\n        background-color: var(--mantine-color-gray-1);\n      }\n\n      @mixin where-dark {\n        background-color: var(--mantine-color-dark-5);\n      }\n    }\n  }\n}\n"],"mappings":""}