ui-style

七鱼组件样式库

七鱼样式库不仅提供了下一代css语法支持，还提供了基础的sass的语法,bem类名自动转化等实用的功能(suit)。
七鱼样式库提供了基础组件样式基类, 符合BEM解析规则

样式库列表

COMMON

dir : lib/common/

• transition.css

GRID

dir : lib/grid/

• col.css
• row.css

Util

dir : lib/

• button.css
• checkbox.css
• icon.css
• input.css
• input-number.css
• radio.css
• rate.css
• slide.css
• tooltip.css

Total

dir : lib/

• 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{
 
    }