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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Tooltip.module.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".tooltip {\n  --tooltip-radius: var(--mantine-radius-default);\n\n  position: absolute;\n  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);\n  pointer-events: none;\n  font-size: var(--mantine-font-size-sm);\n  white-space: nowrap;\n  border-radius: var(--tooltip-radius);\n\n  @mixin where-light {\n    background-color: var(--tooltip-bg, var(--mantine-color-gray-9));\n    color: var(--tooltip-color, var(--mantine-color-white));\n  }\n\n  @mixin where-dark {\n    background-color: var(--tooltip-bg, var(--mantine-color-gray-2));\n    color: var(--tooltip-color, var(--mantine-color-black));\n  }\n\n  &:where([data-multiline]) {\n    white-space: normal;\n  }\n\n  &:where([data-fixed]) {\n    position: fixed;\n  }\n}\n\n.arrow {\n  background-color: inherit;\n  border: 0;\n  z-index: 1;\n}\n"],"mappings":""}