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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Divider.module.cjs","names":[],"sources":["../../../src/components/Divider/Divider.module.css"],"sourcesContent":[".root {\n  --divider-size-xs: 1px;\n  --divider-size-sm: 2px;\n  --divider-size-md: 3px;\n  --divider-size-lg: 4px;\n  --divider-size-xl: 5px;\n  --divider-size: var(--divider-size-xs);\n\n  @mixin where-light {\n    --divider-color: var(--mantine-color-gray-3);\n  }\n\n  @mixin where-dark {\n    --divider-color: var(--mantine-color-dark-4);\n  }\n\n  &:where([data-orientation='horizontal']) {\n    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);\n  }\n\n  &:where([data-orientation='vertical']) {\n    border-inline-start: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);\n    height: auto;\n    align-self: stretch;\n  }\n\n  &:where([data-with-label]) {\n    border: 0;\n  }\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  font-size: var(--mantine-font-size-xs);\n  color: var(--mantine-color-dimmed);\n  white-space: nowrap;\n\n  &:where([data-position='left'])::before {\n    display: none;\n  }\n\n  &:where([data-position='right'])::after {\n    display: none;\n  }\n\n  &::before {\n    content: '';\n    flex: 1;\n    height: 1px;\n    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);\n    margin-inline-end: var(--mantine-spacing-xs);\n  }\n\n  &::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);\n    margin-inline-start: var(--mantine-spacing-xs);\n  }\n}\n"],"mappings":""}