七鱼组件样式库

七鱼样式库不仅提供了下一代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{

    }