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
13 lines • 1.2 kB
JavaScript
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStaticStyles } from 'antd-style';
var prefixCls = 'ant';
var prefix = ".".concat(prefixCls, "-tabs");
var marginBlock = 8;
export var styles = createStaticStyles(function (_ref) {
var css = _ref.css,
cssVar = _ref.cssVar;
return {
cls: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "-tab + ", "-tab {\n margin: 8px 4px !important;\n margin-block: ", "px;\n padding: 0 12px !important;\n }\n\n ", "-tab {\n color: ", ";\n transition: background-color 150ms ease-out;\n\n &:first-child {\n margin-block: ", "px;\n margin-inline: 0 4px;\n padding: 4px 12px !important;\n }\n\n &:hover {\n border-radius: 6px;\n color: ", " !important;\n background: ", ";\n }\n }\n "])), prefix, prefix, marginBlock, prefix, cssVar.colorTextSecondary, marginBlock, cssVar.colorText, cssVar.colorFillTertiary)
};
});