持续更新中...

可关注github获取最新信息

color

mo-css color
mo-css color

Api

自定义

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) 」创作共享协议,转载或使用请署名并注明出处。 相关说明 »

更多文章

演示

评论 「 ... 」