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

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

var _templateObject, _templateObject2, _templateObject3;
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';
export var useStyles = createStyles(function (_ref, _ref2) {
  var css = _ref.css,
    token = _ref.token,
    isDarkMode = _ref.isDarkMode;
  var _ref2$fontSize = _ref2.fontSize,
    fontSize = _ref2$fontSize === void 0 ? 14 : _ref2$fontSize,
    _ref2$headerMultiple = _ref2.headerMultiple,
    headerMultiple = _ref2$headerMultiple === void 0 ? 0.25 : _ref2$headerMultiple,
    _ref2$marginMultiple = _ref2.marginMultiple,
    marginMultiple = _ref2$marginMultiple === void 0 ? 1 : _ref2$marginMultiple,
    _ref2$lineHeight = _ref2.lineHeight,
    lineHeight = _ref2$lineHeight === void 0 ? 1.6 : _ref2$lineHeight;
  var cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;
  return {
    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n\n        ol,\n        ul {\n          > li {\n            &::marker {\n              color: ", " !important;\n            }\n\n            > li {\n              &::marker {\n                color: ", " !important;\n              }\n            }\n          }\n        }\n\n        ul {\n          list-style: unset;\n\n          > li {\n            &::before {\n              content: unset;\n              display: unset;\n            }\n          }\n        }\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadius, cyanColor, token.colorTextSecondary),
    latex: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .katex-html {\n          overflow: auto hidden;\n          padding: 3px;\n\n          .base {\n            margin-block: 0;\n            margin-inline: auto;\n          }\n\n          .tag {\n            position: relative !important;\n            display: inline-block;\n            padding-inline-start: 0.5rem;\n          }\n        }\n      "]))),
    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n\n        #footnote-label {\n          display: none;\n        }\n\n        sup:has(a[aria-describedby='footnote-label']) {\n          vertical-align: super !important;\n        }\n      "])))
  };
});