@lobehub/editor/es/plugins/list/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    .editor_listUnordered&,\n    .editor_listOrdered& {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > .editor_listUnordered,\n      > ol {\n        margin-block: 0;\n      }\n\n      > .editor_listItem {\n        margin-inline-start: 1em;\n      }\n    }\n\n    .editor_listOrdered& {\n      list-style: auto;\n    }\n\n    .editor_listUnordered& {\n      list-style-type: none;\n\n      > .editor_listItem:not(:has(ul)):not([role='checkbox']) {\n        &::before {\n          content: '-';\n          display: inline-block;\n          margin-inline: -1em 0.5em;\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .editor_listItem {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n      font-family: var(--listitem-marker-font-family);\n      font-size: var(--listitem-marker-font-size);\n      background-color: var(--listitem-marker-background-color);\n\n      &::marker {\n        font-family: var(--listitem-marker-font-family);\n        font-size: var(--listitem-marker-font-size);\n        color: var(--listitem-marker-color);\n        background-color: var(--listitem-marker-background-color);\n      }\n\n      p {\n        display: inline;\n      }\n\n      .editor_listUnordered,\n      .editor_listOrdered {\n        margin: 0;\n      }\n    }\n\n    [role='checkbox'] {\n      position: relative;\n    }\n\n    .editor_listItemChecked::before,\n    .editor_listItemUnchecked::before {\n      border: 1px solid ", ";\n      border-radius: 4px;\n    }\n\n    .editor_listItemChecked::before {\n      background: ", ";\n    }\n\n    .editor_listItemChecked:not(:has(ul))::after {\n      cursor: pointer;\n      content: '';\n\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 0.2em;\n      transform: rotate(45deg) scale(1) translate(-50%, -50%);\n\n      display: block;\n\n      width: 0.3em;\n      height: 0.6em;\n      margin-inline: -1.35em 0.5em;\n      border: 2px solid ", ";\n      border-block-start: 0;\n      border-inline-start: 0;\n\n      background-size: cover;\n\n      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n    }\n\n    .editor_listItemUnchecked:not(:has(ul))::before,\n    .editor_listItemChecked:not(:has(ul))::before {\n      cursor: pointer;\n      content: '';\n\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 0;\n      transform: translateY(-50%);\n\n      display: inline-block;\n      display: block;\n\n      width: 1em;\n      height: 1em;\n      margin-inline: -1.4em 0.5em;\n\n      background-size: cover;\n    }\n\n    .editor_listItemNested {\n      list-style-type: none;\n    }\n  "])), cssVar.colorBorder, cssVar.colorPrimary, cssVar.colorTextLightSolid);
});