dumi-theme-lobehub/dist/builtins/Previewer/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, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
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';
import { rgba } from 'polished';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  return {
    center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    "]))),
    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        position: relative;\n\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n\n        border-color: ", ";\n\n        background: ", ";\n\n        &-demo {\n          flex: 1;\n          border-top-color: ", " !important;\n\n          > iframe {\n            min-height: 600px;\n            border-top: 1px solid ", ";\n          }\n\n          &[data-iframe]::before {\n            background: ", ";\n          }\n        }\n\n        &-meta {\n          flex: 1;\n          border-color: ", ";\n\n          .", "-highlighter {\n            pre {\n              border-radius: 0 !important;\n            }\n          }\n        }\n\n        &-actions:not(:last-child) {\n          border-color: ", ";\n        }\n\n        &-desc {\n          .markdown {\n            border-color: ", ";\n          }\n\n          h5 {\n            background: linear-gradient(\n              to top,\n              ", ",\n              ", " 50%,\n              ", " 100%\n            );\n\n            a {\n              color: ", ";\n            }\n          }\n        }\n\n        &-tabs::after {\n          border-color: ", ";\n        }\n      }\n\n      .dumi-default-tabs-tab {\n        &-btn {\n          color: ", ";\n        }\n\n        &-active {\n          .dumi-default-tabs-tab-btn {\n            color: ", ";\n          }\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorBgContainerSecondary, token.colorBgContainerSecondary, token.colorBorderSecondary, token.colorFillContent, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary, token.colorBorderSecondary, token.colorBgContainer, rgba(token.colorBgContainer, 0.95), rgba(token.colorBgContainer, 0), token.colorText, token.colorBorderSecondary, token.colorTextTertiary, token.colorText),
    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row-reverse;\n\n        &-demo {\n          width: 50%;\n          border-left: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
    nopadding: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n    "]))),
    pure: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        margin: 0;\n        padding: 0;\n        border: none;\n      }\n\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n\n      .dumi-default-previewer-meta {\n        display: none;\n      }\n    "]))),
    right: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row;\n\n        &-demo {\n          width: 50%;\n          border-right: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
    top: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: column-reverse;\n\n        &-meta {\n          display: flex;\n          flex-direction: column;\n        }\n\n        &-actions {\n          order: 1;\n        }\n\n        &-desc {\n          order: 2;\n        }\n      }\n    "])))
  };
});