持续更新中...

可关注github获取最新信息

color

Api

• variable
• utils
• buttons
• input
• radio
• checkbox
• switch
• table

自定义

button

@import './mixins/button';
//自定义样式（背景，颜色）
.mo-button--[style] {
    @include buttonStyle($border, $background, $color, $hoverBorder, $hoverBackground, $hoverColor);
}
//自定义尺寸
$my-button-size : (font-size:14px, line-height:1.4286, padding-y:6px, padding-x:16px) !default;
.mo-button--[size] {
    @include buttonSize ($my-button-size );
}

input

@import './mixins/input';
//自定义样式（背景，颜色）
.mo-input--[style] {
    @include inputStyle ($border, $focusBorder);
}
//自定义尺寸
$my-input-size : (font-size:14px, line-height:1.4286, padding-y:6px, padding-x:16px) !default;
.mo-input--[size] {
    @include inputSize ($my-input-size);
}

radio

@import './mixins/radio';
//自定义样式（颜色）
.mo-radio--[style] {
    @include radioStyle($color);
}

checkbox

@import './mixins/checkbox';
//自定义样式（颜色）
.mo-checkbox--[style] {
    @include checkboxStyle($color);
}

switch

@import './mixins/switch';
//自定义样式（颜色）
.mo-switch--[style] {
    @include switchStyle($color);
}
//自定义尺寸
.mo-switch--[size] {
    @include switchSize ($width, $height);
}

-- EOF --

本文标题：Mo Css Framework

本文链接：https://smohan.net/blog/mocss

本站使用「 署名-非商业性使用 4.0 国际 (CC BY-NC 4.0) 」创作共享协议，转载或使用请署名并注明出处。 相关说明 »