【文件属性】:
文件名称: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)