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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ThemeIcon.module.cjs","names":[],"sources":["../../../src/components/ThemeIcon/ThemeIcon.module.css"],"sourcesContent":[".root {\n  --ti-size-xs: 18px;\n  --ti-size-sm: 22px;\n  --ti-size-md: 28px;\n  --ti-size-lg: 34px;\n  --ti-size-xl: 44px;\n  --ti-size: var(--ti-size-md);\n\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n\n  width: var(--ti-size);\n  height: var(--ti-size);\n  min-width: var(--ti-size);\n  min-height: var(--ti-size);\n  border-radius: var(--ti-radius, var(--mantine-radius-default));\n  background: var(--ti-bg, var(--mantine-primary-color-filled));\n  color: var(--ti-color, var(--mantine-color-white));\n  border: var(--ti-bd, 1px solid transparent);\n}\n"],"mappings":""}