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

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Kbd.module.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.module.css"],"sourcesContent":[".root {\n  --kbd-fz-xs: 10px;\n  --kbd-fz-sm: 12px;\n  --kbd-fz-md: 14px;\n  --kbd-fz-lg: 16px;\n  --kbd-fz-xl: 20px;\n  --kbd-fz: var(--kbd-fz-sm);\n\n  font-family: var(--mantine-font-family-monospace);\n  line-height: var(--mantine-line-height);\n  font-weight: var(--mantine-font-weight-bold);\n  font-size: var(--kbd-fz);\n  border-radius: var(--mantine-radius-sm);\n  border: 1px solid;\n  border-bottom-width: 3px;\n  unicode-bidi: embed;\n  text-align: center;\n  padding: 0.12em 0.45em;\n\n  @mixin where-light {\n    border-color: var(--mantine-color-gray-3);\n    color: var(--mantine-color-gray-7);\n    background-color: var(--mantine-color-gray-0);\n  }\n\n  @mixin where-dark {\n    border-color: var(--mantine-color-dark-4);\n    color: var(--mantine-color-dark-0);\n    background-color: var(--mantine-color-dark-6);\n  }\n}\n"],"mappings":""}