常用css样式函数总结

1:按钮样式

/*按钮*/
@mixin btn-style($btnwidth,
$color,
$bgcolor,
$bdcolor) {
    width: $btnwidth;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: $color;
    background: $bgcolor;
    border-radius: 3px;
    border: 1px solid $bdcolor;
    outline: none;
    font-size: 12px;
    cursor: pointer;
}

调用方法:

@include btn-style(100px, #fff, #f94f3f, #f94f3f);

 

posted @ 2017-07-20 09:44  小猪冒泡  阅读(382)  评论(0编辑  收藏  举报