@mantine/core/esm/components/DataList/DataList.module.mjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"DataList.module.mjs","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".root {\n  --data-list-fz: var(--mantine-font-size-sm);\n  --data-list-lh: var(--mantine-line-height-sm);\n  --data-list-gap: var(--mantine-spacing-sm);\n  --data-list-label-width: rem(120px);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--data-list-gap);\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  margin: 0;\n  padding: 0;\n\n  &:where([data-with-divider]) {\n    gap: 0;\n  }\n}\n\n.item {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: var(--mantine-spacing-xs);\n}\n\n.root:where([data-orientation='vertical']) > .item {\n  flex-direction: column;\n  gap: 0;\n}\n\n.itemLabel {\n  color: var(--mantine-color-dimmed);\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  min-width: var(--data-list-label-width);\n  margin: 0;\n}\n\n.root:where([data-orientation='vertical']) .itemLabel {\n  min-width: 100%;\n}\n\n.itemValue {\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  margin: 0;\n}\n\n.root:where([data-with-divider]) > .item:where(:not(:first-of-type)) {\n  border-top: rem(1px) solid var(--mantine-color-default-border);\n  padding-top: var(--data-list-gap);\n  margin-top: var(--data-list-gap);\n}\n"],"mappings":""}