@easyx.ai/dumi-theme-easyxai/dist/components/AppNavIcon/style.js

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

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var token = _ref.token,
    css = _ref.css,
    responsive = _ref.responsive,
    isDarkMode = _ref.isDarkMode;
  return {
    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    position: relative;\n    padding-right: 20px;\n    margin-right: 20px;\n\n    ", " {\n      padding-right: 4px;\n      margin-right: 4px;\n    }\n\n    &::after {\n      content: ' ';\n      display: block;\n      position: absolute;\n      width: 1px;\n      height: 24px;\n      background-color: #3c3c3c1a;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  "])), responsive.mobile),
    popover: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    z-index: 999;\n\n    .ant-popover-inner {\n      box-sizing: border-box;\n      width: 552px;\n      padding: 24px 28px 14px;\n      border-radius: 8px;\n      background-color: ", ";\n      overflow: hidden;\n      font-family:\n        'Open Sans',\n        -apple-system,\n        BlinkMacSystemFont,\n        'Segoe UI',\n        Roboto,\n        Oxygen,\n        Ubuntu,\n        Cantarell,\n        'Fira Sans',\n        'Droid Sans',\n        'Helvetica Neue',\n        sans-serif;\n\n      ", " {\n        width: 80vw;\n      }\n\n      ", "\n    }\n  "])), token.colorBgContainer, responsive.mobile, isDarkMode ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorBgLayout) : ''),
    wrapper: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 99px;\n    cursor: pointer;\n    transition: background-color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: var(--bg-mute);\n    }\n  "])))
  };
});