@mantine/core/styles/Kbd.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-dc6f14e2{--kbd-fz-xs:calc(0.625rem*var(--mantine-scale));--kbd-fz-sm:calc(0.75rem*var(--mantine-scale));--kbd-fz-md:calc(0.875rem*var(--mantine-scale));--kbd-fz-lg:calc(1rem*var(--mantine-scale));--kbd-fz-xl:calc(1.25rem*var(--mantine-scale));--kbd-fz:var(--kbd-fz-sm);--kbd-padding-xs:calc(0.125rem*var(--mantine-scale)) calc(0.25rem*var(--mantine-scale));--kbd-padding-sm:calc(0.1875rem*var(--mantine-scale)) calc(0.3125rem*var(--mantine-scale));--kbd-padding-md:calc(0.25rem*var(--mantine-scale)) calc(0.4375rem*var(--mantine-scale));--kbd-padding-lg:calc(0.3125rem*var(--mantine-scale)) calc(0.5625rem*var(--mantine-scale));--kbd-padding-xl:calc(0.5rem*var(--mantine-scale)) calc(0.875rem*var(--mantine-scale));--kbd-padding:var(--kbd-padding-sm);border:calc(.0625rem*var(--mantine-scale)) solid;border-bottom-width:calc(.1875rem*var(--mantine-scale));border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--kbd-fz);font-weight:700;line-height:var(--mantine-line-height);padding:var(--kbd-padding);unicode-bidi:embed}:where([data-mantine-color-scheme=light]) .m-dc6f14e2{background-color:var(--mantine-color-gray-0);border-color:var(--mantine-color-gray-3);color:var(--mantine-color-gray-7)}[data-mantine-color-scheme=dark] .m-dc6f14e2{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-0)}}