dumi-theme-lobehub/dist/slots/Sidebar/style.js

dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui

var _templateObject, _templateObject2;
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) {
  var css = _ref.css,
    token = _ref.token;
  return {
    sidebar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: ", "px;\n  "])), token.headerHeight),
    sidebarInner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n\n    dl {\n      margin: 0;\n      padding: 0;\n      line-height: 1;\n\n      > dt {\n        overflow: hidden;\n\n        margin: 8px 0;\n\n        font-weight: 500;\n        color: ", ";\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      > dd {\n        margin: 0;\n        padding: 2px 0;\n\n        > a {\n          overflow: hidden;\n          display: block;\n\n          padding: 6px 12px;\n\n          font-size: ", "px;\n          line-height: ", ";\n          color: ", ";\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n\n          border-radius: 6px;\n\n          transition:\n            color 600ms ", ",\n            background-color 100ms ", ";\n\n          &:hover {\n            color: ", ";\n            background: ", ";\n          }\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n\n          &.active {\n            color: ", ";\n            background-color: ", ";\n\n            &:hover {\n              color: ", ";\n              background: ", ";\n            }\n\n            &:active {\n              color: ", ";\n              background-color: ", ";\n            }\n          }\n        }\n      }\n\n      + dl {\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px dashed ", ";\n      }\n    }\n  "])), token.colorText, token.fontSize, token.lineHeight, token.colorTextSecondary, token.motionEaseOut, token.motionEaseOut, token.colorText, token.colorFillTertiary, token.colorText, token.colorFill, token.colorText, token.colorFillSecondary, token.colorText, token.colorFillSecondary, token.colorText, token.colorFill, token.colorBorder)
  };
});