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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Menu.module.cjs","names":[],"sources":["../../../src/components/Menu/Menu.module.css"],"sourcesContent":[".dropdown {\n  padding: 4px;\n}\n\n.label {\n  color: var(--mantine-color-dimmed);\n  font-weight: var(--mantine-font-weight-medium);\n  font-size: var(--mantine-font-size-xs);\n  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);\n  cursor: default;\n}\n\n.divider {\n  margin-top: 4px;\n  margin-bottom: 4px;\n  border-top: 1px solid;\n\n  @mixin where-light {\n    border-color: var(--mantine-color-gray-2);\n  }\n\n  @mixin where-dark {\n    border-color: var(--mantine-color-dark-4);\n  }\n}\n\n.item {\n  font-size: var(--mantine-font-size-sm);\n  width: 100%;\n  padding: calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);\n  border-radius: var(--popover-radius, var(--mantine-radius-default));\n  color: var(--menu-item-color, var(--mantine-color-text));\n  display: flex;\n  align-items: center;\n  user-select: none;\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) {\n    &:where(:not(:disabled, [data-disabled])) {\n      @mixin where-light {\n        background-color: var(--menu-item-hover, var(--mantine-color-gray-1));\n      }\n\n      @mixin where-dark {\n        background-color: var(--menu-item-hover, var(--mantine-color-dark-4));\n      }\n    }\n  }\n\n  &:where([data-sub-menu-item]) {\n    padding-inline-end: 5px;\n  }\n}\n\n.itemLabel {\n  flex: 1;\n}\n\n.itemSection {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &:where([data-position='left']) {\n    margin-inline-end: var(--mantine-spacing-xs);\n  }\n\n  &:where([data-position='right']) {\n    margin-inline-start: var(--mantine-spacing-xs);\n  }\n}\n\n.chevron {\n  transform: rotate(-90deg);\n\n  @mixin where-rtl {\n    transform: rotate(90deg);\n  }\n}\n"],"mappings":""}