zoralabCODE科技规范 - ZORALab赫斯提亚

主要目的

这个软件包的出生主要是支持渲染内嵌代码界面元件。在网络界面世界里，这元件的成果如 下：

这段文字有代码像这个然后以普通文字来终结啦。

历史遗录

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

设计师

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

依赖其他元件

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

HTML

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

HTML

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

...<code>...</code>...

CSS界面自选性

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

Margin

影响元件的外向边距空间。

变化值     : --code-margin
CSS属性    : margin
默认数码   : 0 (>= v1.2.0)

Padding

影响元件的内向边距空间。

变化值     : --code-padding
CSS属性    : padding
默认数码   : 0 (>= v1.2.0)

Border

影响元件的边界线。

变化值     : --code-border
CSS属性    : border
默认数码   : initial (>= v1.2.0)

Border Radius

影响元件边界线的角落圆形度。

变化值     : --code-border-radius
CSS属性    : border-radius
默认数码   : .4rem (>= v1.2.0)

Font Weight

影响元件的字形的厚度。

变化值     : --code-font-weight
CSS属性    : font-weight
默认数码   : 700 (>= v1.2.0)

Letter Spacing

影响元件的字形的字母间距。

变化值     : --code-letter-spacing
CSS属性    : letter-spacing
默认数码   : 0 (>= v1.2.0)

Color

影响元件的颜色。

变化值     : --code-color
CSS属性    : color
默认数码   : var(--color-primary-300) (>= v1.2.0)

Color（反转环境）

影响元件反转环境的颜色。

变化值     : --code-color-inverted
CSS属性    : color
默认数码   : var(--color-primary-200) (>= v1.2.0)

Color（印刷）

影响元件在印刷中的颜色。

变化值     : --code-color-print
CSS属性    : color
默认数码   : var(--body-color-print) (>= v1.2.0)

Overflow Wrap

影响元件的在溢出包装时的反应。

变化值     : --code-overflow-wrap
CSS属性    : overflow-wrap
默认数码   : break-word (>= v1.2.0)

JavaScript

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

ToCSS

渲染呈现CSS的输出数据。

Hugo

用法：

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