@yuntijs/ui/es/Page/Header/style.js

☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref, _ref2) {
  var css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  var _ref2$bordered = _ref2.bordered,
    bordered = _ref2$bordered === void 0 ? false : _ref2$bordered,
    _ref2$divider = _ref2.divider,
    divider = _ref2$divider === void 0 ? true : _ref2$divider;
  return {
    root: bordered ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            margin-bottom: ", "px;\n            padding: ", "px;\n\n            background-color: ", ";\n            border-radius: ", "px;\n            box-shadow: ", ";\n          "])), token.marginXS, token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            padding-top: ", "px;\n            margin-bottom: ", "px;\n            ", "\n          "])), token.paddingXS, token.marginXS, divider && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              padding-bottom: ", "px;\n              border-bottom: 1px solid ", ";\n            "])), token.paddingLG, token.colorSplit)),
    icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        &.", "-avatar.", "-avatar-square {\n          color: ", ";\n          border-radius: 10px;\n        }\n        .", "-skeleton-avatar {\n          border-radius: 10px;\n        }\n      "])), prefixCls, prefixCls, token.colorPrimary, prefixCls),
    titleBox: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), token.marginSM),
    subTitle: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-top: ", "px;\n        &.", "-typography {\n          margin-bottom: 0 !important;\n          font-size: ", "px;\n          color: ", ";\n        }\n      "])), token.marginXXS, prefixCls, token.fontSize, token.colorTextSecondary),
    title: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        font-size: ", "px;\n        font-weight: 700;\n      "])), token.fontSizeHeading5),
    descriptions: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n        font-size: ", "px;\n        color: ", ";\n        .", "-badge.", "-badge-status {\n          font-size: ", "px;\n          & > .", "-badge-status-text {\n            font-size: ", "px;\n            color: ", ";\n          }\n        }\n      "])), token.marginXXS, token.fontSize, token.colorTextSecondary, prefixCls, prefixCls, token.fontSize, prefixCls, token.fontSize, token.colorTextSecondary),
    rightButtons: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])))
  };
});