minihtml参考

Sublime Text包含自定义HTML和CSS引擎,命名 minihtml,显示在编辑窗格程式化的内容。HTML内容可以在弹出窗口和幻影中显示。

minihtml提供了在大多数Web浏览器中的HTML和CSS功能的有限的子集。虽然只能实现某些CSS和HTML特征,但是它们被设计为符合标准。实现的任何功能的作用应以同样的方式minihtml作为在浏览器中。

HTML

以下标记按默认样式表设置样式:

对几个标签实现了特殊行为:

其他具有特殊行为的HTML标记未实现。这包括标记,如<input>, <button>,<table>,等。

最佳实践

为了让颜色方案的作者来调整弹出窗口和幻影的外观,最好是一个独特的添加id="" 属性到<body>你的插件的HTML标记之前。

在该<body>标签中,添加一个 <style>包含不使用选择标记id。让颜色方案中的选择器能够覆盖插件。

<body id="my-plugin-feature">      <style>          div.error {              background-color: red;              padding: 5px;          }      </style>      <div class="error"></div>  </body>

CSS

以下列表提供了支持的属性和值的概述:

单位

支持的测量单位包括:

rem推荐单位,因为它们是基于用户的font_size设置,并且它们不会级联。

颜色

颜色可通过以下方式指定:

此外,颜色值可以使用CSS颜色模块级别4混合颜色MOD函数与blend()和blenda()调节。

.error {      background-color: color(var(--background) blend(red 50%));  }

彩色MOD函数将与组合最有用的变量

变量

CSS变量使用自定义属性和也支持var()功能的符号。自定义属性是那些开始--。

html {      --fg: #f00;  }  .error {      background-color: var(--fg);  }

一个限制是该var()表示法不能被用于多号码值,如部分padding或margin。与这些骨料的属性,所述var()符号必须用于完整的值。

预定义变量

当加载颜色方案时,背景和前景颜色设置为CSS变量,以及与少数基本颜色中找到的最接近的颜色。这些都是在都设置html { }在默认的CSS样式表设置规则。

选择颜色的算法使用HSL颜色空间,并使用多种启发式方法尝试并选择适合前景使用的颜色。在于,所述自动选色是不希望的情况下,颜色方案作者可以用自己的覆盖相应的值html { }包含在规则集 popupCss或phantomCss设置。