zoralabDLIST科技规范 - ZORALab赫斯提亚

当用着这份代码包时所需的科技规范。随和、支持离线（通过PWA安装）和非常注重细节的。

创史来历

主要目的

这个软件包的出生主要是支持渲染定义列表界面元件。在网络界面世界里，这元件的成果如下：

太阳: 太阳系中心点; 主要能源出产点。它是主由热等离子体组成让它时时刻刻都在四处发出它的光能量。; 为在地球的生命和植物提供热能量。
水星: 第一个离开太阳的星球。
金星: 第二个离开太阳的星球。
地球: 第三个离开太阳的星球。; 拥有有机生命和植物。

太阳: 太阳系中心点; 主要能源出产点。它是主由热等离子体组成让它时时刻刻都在四处发出它的光能量。; 为在地球的生命和植物提供热能量。
水星: 第一个离开太阳的星球。
金星: 第二个离开太阳的星球。
地球: 第三个离开太阳的星球。; 拥有有机生命和植物。

历史遗录

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

软件包的设计

设计师

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

(Holloway) 周健豪

依赖其他元件

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

zoralabCORE

HTML

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

最小的HTML

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

<dl>
	<dt>...第一个名字...</dt>
	<dd>...为第一个名字设下的第一个定义...</dd>
	<dd>...为第一个名字设下的第二个定义...</dd>

	<dt>...第二个名字...</dt>
	<dd>...为第二个名字设下的第一个定义...</dd>
	<dd>...为第二个名字设下的第二个定义...</dd>

	...
</dl>

CSS界面自选性

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

Display

影响元件的显示模式。

变化值     : --dlist-display
CSS属性    : display
默认数码   : block (>= v1.2.0)

Margin

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

变化值     : --dlist-margin
CSS属性    : margin
默认数码   : 3rem auto (>= v1.2.0)

Padding

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

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

Border

影响元件的边界线。

变化值     : --dlist-border
CSS属性    : border-top; border-bottom
默认数码   : 2px solid var(--dlist-color) (>= v1.2.0)

Min-Width

影响元件的最少宽度。

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

Width

影响元件的宽度。

变化值     : --dlist-width
CSS属性    : width
默认数码   : 100% (>= v1.2.0)

Max-Width

影响元件的宽度。

变化值     : --dlist-max-width
CSS属性    : max-width
默认数码   : 100% (>= v1.2.0)

Min-Height

影响元件的最少高度。

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

Height

影响元件的高度。

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

Max-Height

影响元件的最大高度。

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

DD-Item计数器

影响元件的DD-Item计数器反应。

变化值     : --dlist-counter
CSS属性    : counter-reset; counter-increment
默认数码   : dd-items (>= v1.2.0)

Color

影响元件的颜色。

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

Color （反转环境）

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

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

Color （印刷）

影响元件在印刷环境里的颜色。

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

Background

影响元件的背景。

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

Background （反转环境）

影响元件在反转环境里的背景。

变化值     : --dlist-background-inverted
CSS属性    : background
默认数码   : var(--body-background-inverted) (>= v1.2.0)

Background （印刷）

影响元件在印刷环境里的背景。

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

术语Margin

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

变化值     : --dlist-dt-margin
CSS属性    : margin
默认数码   : 3rem auto 0 (>= v1.2.0)

术语Padding

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

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

术语Border

影响元件术语的边界线。

变化值     : --dlist-dt-border
CSS属性    : border-bottom
默认数码   : .5px solid var(--dlist-dt-border-color) (>= v1.2.0)

术语Font Size

影响元件术语的字体大小。

变化值     : --dlist-dt-font-size
CSS属性    : font-size
默认数码   : 2.5rem (>= v1.2.0)

术语Font Weight

影响元件术语的字体厚度。

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

术语Font Style

影响元件术语的字体厚度。

变化值     : --dlist-dt-font-style
CSS属性    : font-style
默认数码   : italic (>= v1.2.0)

Text Align

影响元件术语的文字对齐方式。

变化值     : --dlist-dt-text-align
CSS属性    : text-align
默认数码   : justify (>= v1.2.0)

术语Color

影响元件术语的颜色。

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

术语Color（反转环境）

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

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

Term Color（印刷）

影响元件术语在印刷环境里的颜色。

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

术语Border Color

影响元件术语边界线的颜色。

变化值     : --dlist-dt-border-color
CSS属性    : border-color
默认数码   : var(--dlist-color) (>= v1.2.0)

术语Border Color（反转环境）

影响元件边界线在反转环境里的颜色。

变化值     : --dlist-dt-border-color-inverted
CSS属性    : border-color
默认数码   : var(--dlist-color-inverted) (>= v1.2.0)

Term Border Color（印刷）

影响元件术语边界线在印刷环境里的颜色。

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

术语Background

影响元件术语的背景。

变化值     : --dlist-dt-background
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

术语 Background（反转环境）

影响元件术语在反转环境里的背景。

变化值     : --dlist-dt-background-inverted
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

术语Background（印刷）

影响元件术语在印刷环境里的背景。

变化值     : --dlist-dt-background-print
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

定义Margin

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

变化值     : --dlist-dd-margin
CSS属性    : margin
默认数码   : .5rem auto (>= v1.2.0)

定义Padding

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

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

定义Border

影响元件定义的边界线。

变化值     : --dlist-dd-border
CSS属性    : border-bottom
默认数码   : .5px solid var(--dlist-dd-border-color) (>= v1.2.0)

定义Font Size

影响元件定义的字体大小。

变化值     : --dlist-dd-font-size
CSS属性    : font-size
默认数码   : var(--body-font-size) (>= v1.2.0)

定义Font Weight

影响元件定义的字体厚度。

变化值     : --dlist-dd-font-weight
CSS属性    : font-weight
默认数码   : var(--body-font-weight) (>= v1.2.0)

定义Font Style

影响元件定义的字体厚度。

变化值     : --dlist-dd-font-style
CSS属性    : font-style
默认数码   : normal (>= v1.2.0)

Text Align

影响元件定义的文字对齐方式。

变化值     : --dlist-dd-text-align
CSS属性    : text-align
默认数码   : justify (>= v1.2.0)

定义Color

影响元件定义的颜色。

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

定义Color（反转环境）

影响元件定义在反转环境里的颜色。

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

定义Color（印刷）

影响元件定义在印刷环境里的颜色。

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

定义Border Color

影响元件定义边界线的颜色。

变化值     : --dlist-dd-border-color
CSS属性    : border-color
默认数码   : var(--dlist-color) (>= v1.2.0)

定义Border Color（反转环境）

影响元件定义边界线在反转环境里的颜色。

变化值     : --dlist-dd-border-color-inverted
CSS属性    : border-color
默认数码   : var(--dlist-color-inverted) (>= v1.2.0)

定义Border Color（印刷）

影响元件定义边界线在印刷环境里的颜色。

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

定义Background

影响元件定义的背景。

变化值     : --dlist-dd-background
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

定义Background（反转环境）

影响元件定义在反转环境里的背景。

变化值     : --dlist-dd-background-inverted
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

定义Background（印刷）

影响元件定义在印刷环境里的背景。

变化值     : --dlist-dd-background-print
CSS属性    : background
默认数码   : transparent (>= v1.2.0)

JavaScript

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

固定值

这个代码包没有提供任何固定值。

变化值

这个代码包没有提供任何变化值。

提供的功能

ToCSS

渲染呈现CSS的输出数据。

Hugo

用法：

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

数码构架

这个代码包没有提供任何数码构架。

终结

我们已经抵达终结段落了。如有询问，您是可以通过以下管道来联系我们吧：

GitHub论坛