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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ModalBase.module.cjs","names":[],"sources":["../../../src/components/ModalBase/ModalBase.module.css"],"sourcesContent":[".title {\n  line-height: 1;\n  padding: 0;\n  margin: 0;\n  font-weight: var(--mantine-font-weight-regular);\n  font-size: var(--mantine-font-size-md);\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--mb-padding, var(--mantine-spacing-md));\n  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - rem(5px));\n  position: sticky;\n  top: 0;\n  background-color: var(--mantine-color-body);\n  z-index: 1000;\n  min-height: 60px;\n  transition: padding-inline-end 100ms;\n}\n\n.inner {\n  position: fixed;\n  width: 100%;\n  top: 0;\n  bottom: 0;\n  z-index: var(--mb-z-index);\n  pointer-events: none;\n}\n\n.content {\n  pointer-events: all;\n  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));\n\n  & [data-mantine-scrollbar] {\n    z-index: 1001;\n  }\n\n  [data-offset-scrollbars] &:has([data-mantine-scrollbar]) .header {\n    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + rem(5px));\n  }\n}\n\n.close {\n  margin-inline-start: auto;\n}\n\n.body {\n  padding: var(--mb-padding, var(--mantine-spacing-md));\n  padding-top: var(--mb-padding, var(--mantine-spacing-md));\n\n  &:where(:not(:only-child)) {\n    padding-top: 0;\n  }\n}\n"],"mappings":""}