@antv/dumi-theme-antv/dist/common/styles/Common.js

AntV website theme based on dumi2.

var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { css, Global } from '@emotion/react';
import React from 'react';
export default (function () {
  return /*#__PURE__*/React.createElement(Global, {
    styles: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        :root {\n          --container-max-width: 1440px;\n          --container-padding-large: 80px;\n          --container-padding-medium: 80px;\n          --container-padding-small: 32px;\n          --primary-color: #873bf4;\n          --toc-width: 260px;\n          --border-color-split: #f0f0f0;\n          --text-color-secondary: rgba(0, 0, 0, 0.45);\n          --text-color: rgba(0, 0, 0, 0.85);\n          --font-family: AlibabaPuHuiTiRHeavy, sans-serif;\n        }\n\n        @font-face {\n          font-family: AlibabaPuHuiTiRHeavy;\n          src: url(../../font/Alibaba-PuHuiTi-Heavy.otf);\n        }\n\n        body {\n          margin: 0;\n          color: rgba(0, 0, 0, 0.85);\n          font-size: 14px;\n          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',\n            sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n          font-variant: tabular-nums;\n          line-height: 1.5715;\n          background-color: #fff;\n          font-feature-settings: 'tnum';\n          text-decoration: none;\n        }\n\n        a {\n          text-decoration: none;\n          background-color: transparent;\n          outline: none;\n          cursor: pointer;\n          transition: color 0.3s;\n          -webkit-text-decoration-skip: objects;\n        }\n\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            font-size: 0;\n            line-height: inherit;\n            text-align: right;\n            padding-inline-end: 6px;\n            margin-inline-start: -20px;\n\n            &:hover {\n              border: 0;\n            }\n\n            > .icon-link::before {\n              font-size: 20px;\n              content: '#';\n            }\n          }\n\n          &:not(:hover) > a[aria-hidden]:first-child > .icon-link {\n            visibility: hidden;\n          }\n        }\n\n        /* \u975E\u5E38\u5173\u952E\uFF0C\u7528\u4E8E react-split-pane \u7684\u6837\u5F0F\uFF0C\u5982\u679C\u6CA1\u6709\uFF0C\u4F1A\u6CA1\u6709\u529E\u6CD5\u9F20\u6807\u62D6\u62FD */\n        /* \u53C2\u8003\uFF1Ahttps://codesandbox.io/s/mow7x4zyqx */\n        .Pane1,\n        .Pane2 {\n          overflow: auto;\n        }\n\n        .Resizer {\n          z-index: 1;\n          box-sizing: border-box;\n          background: #000;\n          background-clip: padding-box;\n          opacity: 0.1;\n\n          &:hover {\n            transition: all 2s ease;\n          }\n\n          &.horizontal {\n            width: 100%;\n            height: 11px;\n            margin: -5px 0;\n            border-top: 5px solid rgba(255, 255, 255, 0);\n            border-bottom: 5px solid rgba(255, 255, 255, 0);\n            cursor: row-resize;\n\n            &:hover {\n              border-top: 5px solid rgba(0, 0, 0, 0.5);\n              border-bottom: 5px solid rgba(0, 0, 0, 0.5);\n            }\n          }\n\n          &.vertical {\n            width: 11px;\n            margin: 0 -5px;\n            border-right: 5px solid rgba(255, 255, 255, 0);\n            border-left: 5px solid rgba(255, 255, 255, 0);\n            cursor: col-resize;\n\n            Pane2 {\n              border-left: 1px solid #e6e6e6;\n            }\n\n            &:hover {\n              border-right: 5px solid rgba(0, 0, 0, 0.5);\n              border-left: 5px solid rgba(0, 0, 0, 0.5);\n            }\n          }\n\n          &.disabled {\n            cursor: not-allowed;\n\n            &:hover {\n              border-color: transparent;\n            }\n          }\n        }\n\n        /* \u6BB5\u843D\u53CD\u9988 Icon */\n        .comment-link {\n          font-size: 0.8em;\n          float: right;\n          color: #6d7c92;\n          transform: scale(0.9);\n          transition: background 0.3s, color 0.3s;\n\n          &:hover {\n            color: #873bf4;\n            background-color: #f8f1ff;\n            cursor: pointer;\n            border-radius: 2px;\n          }\n        }\n      "])))
  });
});