zoralabDIVIDER_DASH科技规范 - ZORALab赫斯提亚

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

创史来历

主要目的

这个软件包的出生主要是支持渲染斑点分界线界面元件。在网络界面世界里,这元件的成果 如下:





历史遗录

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

软件包的设计

设计师

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

(Holloway) 周健豪

依赖其他元件

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

zoralabCORE zoralabDIVIDER

HTML

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

最小的HTML

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

<hr class='dash' />

CSS界面自选性

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

Border Bottom

影响元件顶边的边界线。

变化值     : --divider-dash-border-bottom
CSS属性    : border-bottom
默认数码   : 2px dashed var(--divider-color) (>= v1.2.0)

Border Bottom(反转环境)

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

变化值     : --divider-dash-border-bottom-inverted
CSS属性    : border-bottom
默认数码   : 2px dashed var(--divider-color-inverted) (>= v1.2.0)

JavaScript

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

固定值

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

变化值

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

提供的功能

ToCSS

渲染呈现CSS的输出数据。

Hugo

用法:

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

数码构架

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

终结

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


GitHub论坛