@easyx.ai/dumi-theme-easyxai/dist/slots/Content/style.js

@easyx.ai/dumi-theme-easyxai 是为 dumi2 打造的一款文档站主题包，提供了更加美观、易用的研发与阅读体验

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var token = _ref.token,
    responsive = _ref.responsive,
    isDarkMode = _ref.isDarkMode,
    css = _ref.css;
  return {
    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    min-height: 400px;\n    flex: 1;\n    width: 100%;\n    box-sizing: border-box;\n\n    padding: 24px 48px;\n    border-radius: 10px;\n    background-color: ", ";\n    box-shadow: ", ";\n\n    &:has([data-page-tabs='true']) {\n      padding-top: 8px;\n    }\n\n    ", " {\n      padding: 8px 16px;\n      border-radius: 0;\n    }\n\n    .markdown {\n      color: ", ";\n\n      h1,\n      h2,\n      h3 {\n        color: ", ";\n      }\n      p {\n        line-height: 1.8;\n      }\n\n      // hyperlink\n      a {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n        }\n      }\n\n      img {\n        max-width: 100%;\n\n        opacity: ", ";\n      }\n\n      > [data-code-type='highlighter'] {\n        pre {\n          margin: 8px 0 !important;\n        }\n      }\n      // inline code\n      > :not([data-code-type='highlighter']) code {\n        padding: 2px 6px;\n\n        //FIXME: \u7B49\u4E0B\u4E00\u7248 token \u4F18\u5316\u5347\u7EA7\n        color: ", ";\n        background: ", ";\n        border-radius: 4px;\n      }\n\n      // pre tag\n      pre {\n        font-size: 14px;\n        padding-left: 24px;\n        padding-right: 24px;\n      }\n\n      // table\n      table {\n        width: 100%;\n        border-spacing: 1px;\n      }\n\n      th {\n        background: ", ";\n      }\n\n      tr {\n      }\n      th,\n      td {\n        padding-block-start: 10px;\n        padding-block-end: 10px;\n        padding-inline-start: 16px;\n        padding-inline-end: 16px;\n        border-bottom: 1px solid ", ";\n      }\n\n      // blockquote\n      blockquote {\n        font-style: italic;\n\n        margin: 16px 0;\n        padding: 0 12px;\n        color: ", ";\n        border-left: 3px solid ", ";\n      }\n\n      // list\n      ul li {\n        line-height: 1.8;\n      }\n\n      // anchor of headings\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        > a[aria-hidden]:first-child {\n          float: left;\n          width: 20px;\n          padding-inline-end: 4px;\n          margin-inline-start: -24px;\n          color: ", ";\n          // hide phantom blank node\n          font-size: 0;\n          text-align: right;\n          line-height: inherit;\n\n          &:hover {\n            border: 0;\n          }\n\n          > .icon-link::before {\n            content: '#';\n            color: ", ";\n            font-size: 20px;\n          }\n        }\n\n        &:not(:hover) > a[aria-hidden]:first-child > .icon-link {\n          visibility: hidden;\n        }\n      }\n    }\n  "])), token.colorBgContainer, token.boxShadowTertiary, responsive.mobile, isDarkMode ? token.colorTextSecondary : token.colorText, token.colorText, token.colorLink, token.colorLinkHover, token.colorLinkActive, isDarkMode ? 0.8 : 1, isDarkMode ? token['cyan-7'] : token.colorPrimaryText, isDarkMode ? token['cyan-1'] : token.colorPrimaryBg, token.colorFillTertiary, token.colorBorderSecondary, token.colorTextDescription, token.colorBorder, token.colorText, token.colorTextTertiary)
  };
});