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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"TableOfContents.module.cjs","names":[],"sources":["../../../src/components/TableOfContents/TableOfContents.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  --toc-depth-offset: 0.8em;\n}\n\n.control {\n  display: block;\n  padding: 0.3em 0.8em;\n  font-size: var(--toc-size, var(--mantine-font-size-md));\n  border-radius: var(--toc-radius, var(--mantine-radius-default));\n  padding-left: max(calc(var(--depth-offset) * var(--toc-depth-offset)), 0.8em);\n\n  @mixin where-hover {\n    &:where(:not([data-variant='none'])) {\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  &:where([data-active]) {\n    background-color: var(--toc-bg);\n    color: var(--toc-color);\n  }\n}\n"],"mappings":""}