是否有适用于moono-lisa的scss文件

时间:2019-12-17 10:13:20

标签: ckeditor ckeditor4.x

在某处有moono-lisa主题的scss文件吗?我找到了css文件,但是我需要scss来定制一些元素。

1 个答案:

答案 0 :(得分:1)

您可以在原始软件仓库中读取,只有css文件:

https://github.com/ckeditor/ckeditor4/tree/major/skins/moono-lisa

但是您可以在创建自己的文件(包括原始CSS文件)时覆盖moono-lisa主题,并覆盖主题。看看这个:https://ckeditor.com/docs/ckeditor4/latest/guide/skin_sdk_intro.html#the-anatomy-of-a-skin

特别是带有包含标签的文件editor.css

自述文件摘录:

目录结构

CSS部分:

  • editor.css :主CSS文件。只是加载其他几个文件,以便于维护,
  • mainui.css :文件包含整个编辑器大纲结构的样式,
  • toolbar.css :该文件包含编辑器工具栏空间的样式(顶部),
  • richcombo.css :该文件包含工具栏上的rich combi ui元素的样式,
  • panel.css :该文件包含Rich组合下拉菜单的样式,未加载 直到第一个面板打开,
  • elementspath.css :该文件包含编辑器元素路径栏的样式(底部),
  • menu.css :该文件包含所有编辑器菜单的样式,包括上下文菜单和按钮下拉菜单, 在第一个菜单打开之前不会加载它,
  • dialog.css :对话框UI的CSS文件,直到第一个对话框打开时才会加载,
  • reset.css :该文件定义了所有编辑器UI空间中样式重置的基础,
  • preset.css :该文件定义了一些反映皮肤偏好的UI元素的默认样式,
  • editor_XYZ.css dialog_XYZ.css :特定于浏览器的CSS黑客。

其他部分:

  • skin.js :皮肤的唯一JavaScript部分,用于注册皮肤,浏览器特定文件和图标并定义Chameleon功能,
  • 图像/ :包含填充常规图像,
  • dev / :包含皮肤图标的SVG和PNG源。