core文件
setting
负责基础变量的文件,如常用的颜色,字体等变量。
css3
负责css3属性前缀的文件。参考了bourbon,然后进行一系列的扩展及优化,以使解析出来的代码更加合理。
media-queries
负责响应式宽度判断的文件。主要是对响应式布局的一些宽度判断,来自paranoida的sass-mediaqueries。
mixin
负责功能方面的文件。这里我们大概分成三个部分,一个是混合部分即mixin,一个是placeholder选择器部分即%,最后就是我们的function函数部分。我们常用的include及extend当然就是来自于这里了。
grid
负责网格系统的文件。默认为固定宽度布局(1000px),可以通过设置$gridPercentSwitch为true来切换为流体布局,也可以通过设置$gridSpanSwitch为true或false来控制是否输出各个网格的class。
reset
在normalize的基础上,根据目前我们大家的使用习惯进行了一些归零行动,及设置文字字体颜色,是否输出打印样式。
ext文件
animate
将animate.css转成scss版本,默认不输出任何样式,需要什么动画先导入对应的动画文件,然后include调用即可。
font-face
来自Font Awesome的字体图标,可以根据自己的需求使用其他字体图标,默认不输出任何class,可根据实际需求输出其中的某些icon。参考了大漠的font-awesome模块
btn
为按钮设计的文件,里面定义了一系列mixin,可用于自定义按钮,默认生成两种按钮
message
交互提示信息,包括警告,错误,成功,提示四种状态的样式
form
提供了表单元素样式及几种常见的表单组合样式,可通过变量控制输出
table
提供几种常用的表格样式,可通过变量来控制输出
helper
常用的几个class,可以根据自己的喜好定义。