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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Drawer.module.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".root {\n  --drawer-size-xs: 320px;\n  --drawer-size-sm: 380px;\n  --drawer-size-md: 440px;\n  --drawer-size-lg: 620px;\n  --drawer-size-xl: 780px;\n  --drawer-size: var(--drawer-size-md);\n  --drawer-offset: 0rem;\n}\n\n.header {\n  z-index: 1000;\n}\n\n.content {\n  flex: var(--drawer-flex, 0 0 var(--drawer-size));\n  height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));\n  margin: var(--drawer-offset);\n  max-width: calc(100% - var(--drawer-offset) * 2);\n  max-height: calc(100% - var(--drawer-offset) * 2);\n  overflow-y: auto;\n\n  &[data-hidden] {\n    opacity: 0 !important;\n    pointer-events: none;\n  }\n}\n\n.inner {\n  display: flex;\n  justify-content: var(--drawer-justify, flex-start);\n  align-items: var(--drawer-align, flex-start);\n}\n"],"mappings":""}