flyonui/components/kbd/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"color-mix(in oklab, var(--color-base-200) 20%, transparent)","font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","padding-left":"0.5em","padding-right":"0.5em","border":"var(--border) solid color-mix(in oklab, var(--color-base-content) 25%, #0000)","border-bottom-width":"calc(var(--border) + 1px)","--size":"calc(var(--size-selector, 0.25rem) * 6.5)","height":"var(--size)","min-width":"var(--size)"},".kbd-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4.5)","font-size":"0.625rem"},".kbd-sm":{"font-size":"var(--text-xs)","line-height":"var(--tw-leading, var(--text-xs--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 5.5)"},".kbd-md":{"font-size":"var(--text-sm)","line-height":"var(--tw-leading, var(--text-sm--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 6.5)"},".kbd-lg":{"font-size":"var(--text-base)","line-height":"var(--tw-leading, var(--text-base--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 7.5)"},".kbd-xl":{"font-size":"var(--text-lg)","line-height":"var(--tw-leading, var(--text-lg--line-height))","--size":"calc(var(--size-selector, 0.25rem) * 8.5)"}};