dumi-theme-lobehub
Version:
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
11 lines • 1.87 kB
JavaScript
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 { createStaticStyles, responsive } from 'antd-style';
export var styles = createStaticStyles(function (_ref) {
var css = _ref.css,
cssVar = _ref.cssVar;
return {
content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n box-sizing: border-box;\n width: 100%;\n min-height: 400px;\n\n &:has([data-page-tabs='true']) {\n padding-top: 8px;\n }\n\n .dumi-default-table-content {\n overflow: visible !important;\n font-size: 14px;\n }\n\n .dumi-default-badge {\n &:not([type]) {\n border: 1px solid ", ";\n color: ", ";\n background: ", ";\n }\n\n &[type='warning'] {\n border: 1px solid ", ";\n color: ", ";\n background: ", ";\n }\n\n &[type='error'] {\n border: 1px solid ", ";\n color: ", ";\n background: ", ";\n }\n\n &[type='success'] {\n border: 1px solid ", ";\n color: ", ";\n background: ", ";\n }\n }\n "])), cssVar.colorInfoBorder, cssVar.colorInfoText, cssVar.colorInfoBg, cssVar.colorWarningBorder, cssVar.colorWarningText, cssVar.colorWarningBg, cssVar.colorErrorBorder, cssVar.colorErrorText, cssVar.colorErrorBg, cssVar.colorSuccessBorder, cssVar.colorSuccessText, cssVar.colorSuccessBg),
content_notPure: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 24px 48px;\n border-radius: ", ";\n background-color: ", ";\n\n ", " {\n padding: 8px 16px;\n border-radius: 0;\n }\n "])), cssVar.borderRadiusLG, cssVar.colorBgContainer, responsive.sm)
};
});