tingle-style:tinglejs的基本样式

时间:2021-04-29 21:36:10
【文件属性】:
文件名称:tingle-style:tinglejs的基本样式
文件大小:66KB
文件格式:ZIP
更新时间:2021-04-29 21:36:10
CSS tingle-style tingle-style是tingle的底层样式实现方案,包括两个部分的实现: CSS reset:即样式重置,部分功能不需要在组件中手动调用和处理,对下面文档中提到的几个关键点知晓即可。 flexbox + util:以局部样式声明为粒度的通用样式切片,注意,这里的粒度不是组件级别的。详见下面的文档。 var:stylus的辅助样式函数 JS util.js:通过js操作样式的辅助函数 CSS Reset 文件: border box: 默认所有元素的盒模型类型为**border-box** list style: 列表元素ul和ol的样式默认为none值。 input, textarea 消除输入框和按钮的原生外观 去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) and more... 更多的reset不再一一列举,详见原
【文件预览】:
tingle-style-master
----index.html(2KB)
----src()
--------reset.css.map(6KB)
--------flexbox.styl(1KB)
--------var.styl(2KB)
--------util.css.map(13KB)
--------util.css(11KB)
--------tingle.css(78B)
--------var.css(36B)
--------var.css.map(112B)
--------flexbox.css.map(2KB)
--------util.styl(3KB)
--------reset.css(4KB)
--------flexbox.css(1KB)
--------reset.styl(4KB)
--------util.js(3KB)
----doc()
--------tingle-style-reset-doc.html(16KB)
--------img()
--------tingle-style-util-doc.html(31KB)
--------tingle-style-flexbox-doc.html(26KB)
--------doc.css(682B)
--------tingle-scaffold.html(22KB)
----gulpfile.js(3KB)
----LICENSE(1KB)
----README.md(8KB)
----History.md(288B)
----dist()
--------tingle.css(17KB)
--------tingle.min.css(11KB)
----.gitignore(532B)
----package.json(589B)

网友评论