@lobehub/editor/es/plugins/codemirror-block/react/style.js

A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.

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';
export var styles = createStaticStyles(function (_ref) {
  var css = _ref.css,
    cssVar = _ref.cssVar;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    width: 100%;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n    border-radius: var(--lobe-markdown-border-radius);\n\n    background: ", ";\n\n    .cm-hidden-actions {\n      opacity: 0;\n      transition: opacity 0.2s ease-in-out;\n    }\n\n    .cm-language-select {\n      opacity: 0.5;\n      filter: grayscale(100%);\n      transition:\n        opacity,\n        grayscale 0.2s ease-in-out;\n    }\n\n    &.selected {\n      user-select: none;\n    }\n\n    &.selected::after {\n      pointer-events: none;\n      content: '';\n\n      position: absolute;\n      z-index: 10;\n      inset: 0;\n\n      width: 100%;\n      height: 100%;\n\n      opacity: 0.2;\n      background: ", ";\n\n      transition: all 0.3s;\n    }\n\n    .cm-container {\n      position: relative;\n      width: 100%;\n      border-block-start: 1px solid ", ";\n    }\n\n    .cm-container-collapsed {\n      overflow: hidden;\n      height: 0;\n      border-block-start: none;\n    }\n\n    .cm-textarea {\n      height: 44px;\n      opacity: 0;\n    }\n\n    &:hover {\n      .cm-hidden-actions {\n        opacity: 1;\n      }\n\n      .cm-language-select {\n        opacity: 1;\n        filter: grayscale(0);\n      }\n    }\n  "])), cssVar.colorFillQuaternary, cssVar.yellow, cssVar.colorFillQuaternary);
});