zoralabNOTE_SUCCESS科技规范 - ZORALab赫斯提亚

主要目的

这个软件包的出生主要是支持渲染青色通告的界面元件。在网络界面世界里，这元件的成果 如下：

历史遗录

这个软件包在ZORALab赫斯提亚v1.2.0版本之前曾经被名为 note-success_hestiaUI。改名的目的是有人要横行强盗设计的版权和为了 编程文件编写能力而整理过。

设计师

这个元件的设计是由以下的创造者所建设的：

依赖其他元件

这个元件是需要以下的其他元件才能好好的运行 (排序从‘左上到右下’）：

HTML

至于HTML，为了简单化和最大的兼容性整个用法，ZORALab赫斯提亚运用W3C的语法。我们 推荐您用以下的HTML代码来运用这个界面元件。

最小的HTML

在最小的HTML代码运用方法如下：

<div class="note success">
	... 与zoralabNOTE一样 ...
</div>

CSS界面自选性

ZORALab赫斯提亚非常重用CSS变化值来装置这个界面元件并且还推出界面自选性功能。 以下是所有界面自选性CSS变化值任您发挥。

标题Border Color

影响元件标题边界线的颜色。

变化值     : --note-title-success-border-color
CSS属性    : border-color
默认数码   : var(--body-color-indicator-green) (>= v1.2.0)

标题Color

影响元件标题的颜色。

变化值     : --note-title-success-color
CSS属性    : color
默认数码   : #FFF (>= v1.2.0)

标题指示器Color

影响元件标题指示器的颜色。

变化值     : --note-title-success-indicator-color
CSS属性    : color
默认数码   : #FFF (>= v1.2.0)

标题Background

影响元件标题的背景。

变化值     : --note-title-success-background
CSS属性    : background
默认数码   : var(--body-color-indicator-green) (>= v1.2.0)

内容Color

影响元件内容的颜色。

变化值     : --note-content-success-color
CSS属性    : color
默认数码   : var(--body-color-indicator-green) (>= v1.2.0)

内容Background

影响元件内容的背景。

变化值     : --note-content-success-background
CSS属性    : background
默认数码   : var(--body-background-indicator-green) (>= v1.2.0)

JavaScript

庆幸的是这个元件没有运用到任何JavaScript。放心吧！

ToCSS

渲染呈现CSS的输出数据。

Hugo

用法：

{{- $ret := partial "hestiaGUI/zoralabNOTE_SUCCESS/ToCSS" . -}}
<pre>{{- printf "%#v\n" $ret -}}</pre>