diff --git a/packages/mob-theme/src/theme/objects/editor/editor.scss b/packages/mob-theme/src/theme/objects/editor/editor.scss new file mode 100644 index 0000000000000000000000000000000000000000..90e663741a9c3d917cb6c40b2b98ec2eb3cdf969 --- /dev/null +++ b/packages/mob-theme/src/theme/objects/editor/editor.scss @@ -0,0 +1,16 @@ +:root { + // 编辑器默认 + #{getCssVarName(editor, default, font-size)}: getCssVar(font-size, header-6); + #{getCssVarName(editor, default, line-height)}: rem(32px); + #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); + #{getCssVarName(editor, default, border-color)}: transparent; + #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); + + // 编辑器禁用 + #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, text, 3); + #{getCssVarName(editor, disabled, bg-color)}: transparent; + #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); + + // 编辑器只读 + #{getCssVarName(editor, readonly, text-color)}: getCssVar(color, text, 2); +} \ No newline at end of file diff --git a/packages/mob-theme/src/theme/objects/index.scss b/packages/mob-theme/src/theme/objects/index.scss index befe5a1520b368eb10a861e32767c67457de2635..4f713a7763a03c397ca4cb1268d0fba140c0f725 100644 --- a/packages/mob-theme/src/theme/objects/index.scss +++ b/packages/mob-theme/src/theme/objects/index.scss @@ -1,2 +1,3 @@ /** 面向对象编写样式, **/ -@import './state/state'; \ No newline at end of file +@import './state/state'; +@import './editor/editor'; diff --git a/packages/mob-theme/src/theme/var.scss b/packages/mob-theme/src/theme/var.scss index 5591dcb84506bd5957a1e5b0f1c66cb2e6c29669..707e8d60ad29dff8f2b213c079401274e820de90 100644 --- a/packages/mob-theme/src/theme/var.scss +++ b/packages/mob-theme/src/theme/var.scss @@ -56,33 +56,33 @@ #{getCssVarName('spacing', 'extra-loose')}: rem(32px); #{getCssVarName('spacing', 'super-loose')}: rem(40px); - // 编辑器默认 - #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); - #{getCssVarName(editor, default, line-height)}: rem(32px); - #{getCssVarName(editor, default, text-size)}: getCssVar(font-size, regular); - #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); - #{getCssVarName(editor, default, bg-color)}: getCssVar(color, fill, 0); - #{getCssVarName(editor, default, border-color)}: transparent; + // // 编辑器默认 + // #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); + // #{getCssVarName(editor, default, line-height)}: rem(32px); + // #{getCssVarName(editor, default, text-size)}: getCssVar(font-size, regular); + // #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); + // #{getCssVarName(editor, default, bg-color)}: getCssVar(color, fill, 0); + // #{getCssVarName(editor, default, border-color)}: transparent; - // 编辑器悬浮 - #{getCssVarName(editor, hover, bg-color)}: getCssVar(color, fill, 1); - #{getCssVarName(editor, hover, border-color)}: transparent; + // // 编辑器悬浮 + // #{getCssVarName(editor, hover, bg-color)}: getCssVar(color, fill, 1); + // #{getCssVarName(editor, hover, border-color)}: transparent; - // 编辑器按下 - #{getCssVarName(editor, active, bg-color)}: getCssVar(color, fill, 2); - #{getCssVarName(editor, active, border-color)}: getCssVar(editor, active, bg-color); + // // 编辑器按下 + // #{getCssVarName(editor, active, bg-color)}: getCssVar(color, fill, 2); + // #{getCssVarName(editor, active, border-color)}: getCssVar(editor, active, bg-color); - // 编辑器选中 - #{getCssVarName(editor, focus, bg-color)}: getCssVar(color, fill, 0); - #{getCssVarName(editor, focus, border-color)}: getCssVar(color, focus, border); + // // 编辑器选中 + // #{getCssVarName(editor, focus, bg-color)}: getCssVar(color, fill, 0); + // #{getCssVarName(editor, focus, border-color)}: getCssVar(color, focus, border); - // 编辑器禁用 - #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, disabled, text); - #{getCssVarName(editor, disabled, bg-color)}: getCssVar(color, disabled, fill); - #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); + // // 编辑器禁用 + // #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, disabled, text); + // #{getCssVarName(editor, disabled, bg-color)}: getCssVar(color, disabled, fill); + // #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); - // 编辑器只读 - #{getCssVarName(editor, readonly, text-color)}: getCssVar(editor, default, text-color); - #{getCssVarName(editor, readonly, bg-color)}: getCssVar(editor, default, bg-color); - #{getCssVarName(editor, readonly, border-color)}: getCssVar(editor, default, border-color); + // // 编辑器只读 + // #{getCssVarName(editor, readonly, text-color)}: getCssVar(editor, default, text-color); + // #{getCssVarName(editor, readonly, bg-color)}: getCssVar(editor, default, bg-color); + // #{getCssVarName(editor, readonly, border-color)}: getCssVar(editor, default, border-color); } \ No newline at end of file