@lobehub/ui/es/Hotkey/style.js

Lobe UI is an open-source UI component library for building AIGC web apps

var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
import { rgba } from 'polished';
export var useStyles = createStyles(function (_ref, inverseTheme) {
  var css = _ref.css,
    token = _ref.token;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    kbd {\n      overflow: hidden;\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 16px;\n      height: 22px;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 1.1;\n      color: ", ";\n      text-align: center;\n      white-space: nowrap;\n\n      background: ", ";\n      border: none;\n      border-radius: ", "px;\n    }\n  "])), token.fontFamily, inverseTheme ? token.colorTextTertiary : token.colorTextSecondary, inverseTheme ? rgba(token.colorTextTertiary, 0.15) : token.colorFillTertiary, token.borderRadiusSM);
});