@lobehub/editor/es/plugins/codeblock/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, _templateObject2;
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 {
    code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    overflow: hidden;\n    display: block;\n\n    width: 100%;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n    padding: 16px;\n    border-radius: var(--lobe-markdown-border-radius);\n\n    font-family: ", ";\n    font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n\n    background: ", " !important;\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;\n\n    &::after {\n      content: attr(data-language);\n\n      position: absolute;\n      z-index: 3;\n      inset-block-end: 8px;\n      inset-inline-end: 8px;\n\n      display: block;\n\n      padding-block: 1px;\n      padding-inline: 7px;\n      border-radius: ", ";\n\n      font-family: ", ";\n      font-size: 12px;\n      color: ", ";\n\n      opacity: 0;\n      background: ", ";\n      backdrop-filter: blur(8px);\n      backdrop-filter: blur(8px);\n\n      transition: opacity 0.1s;\n    }\n\n    &:hover {\n      &::after {\n        opacity: 1;\n      }\n    }\n  "])), cssVar.fontFamilyCode, cssVar.colorFillTertiary, cssVar.borderRadius, cssVar.fontFamilyCode, cssVar.colorTextSecondary, cssVar.colorFillQuaternary),
    noBackground: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background: transparent !important;\n  "])))
  };
});