ui-style
v0.3.6
Published
A PostCss Style Library For SailFish
Downloads
38
Readme
七鱼组件样式库
七鱼样式库不仅提供了下一代css语法支持,还提供了基础的sass的语法,bem类名自动转化等实用的功能(suit)。 七鱼样式库提供了基础组件样式基类, 符合BEM解析规则
样式库列表
COMMON
dir : lib/common/
- [x] transition.css
GRID
dir : lib/grid/
- [x] col.css
- [x] row.css
Util
dir : lib/
- [x] button.css
- [x] checkbox.css
- [x] icon.css
- [x] input.css
- [x] input-number.css
- [x] radio.css
- [x] rate.css
- [x] slide.css
- [x] tooltip.css
Total
dir : lib/
- [x] index.css
使用规范
SUIT comprises Utilities and Components. Within components there can be Modifiers, Descendants and States.
@component
元件或者模块的名称
/* */
.u-button{
}
@desendent
元件或者模块的子元素 派生元素
.u-button_icon{
}
@modifier
元件或者模块的扩展元素 扩展元素
.u-button-primary{
}
@when
元件或者模块的状态元素 状态
.u-button.is-disabled{
}