1.0.0 • Published 5 years ago

border-1px.less v1.0.0

Weekly downloads
3
License
ISC
Repository
github
Last release
5 years ago

border-1px.less

usage

1、给需要添加一像素边线的添加class

  • 引入包以后,默认有以下className。
  • 对应相应的1px-border
  • border默认颜色为:#292c32
border_top_1px
border_right_1px
border_bottom_1px
border_left_1px

2、仅需要改变颜色值,less部分调用:

.border-bottom-1px(#fff);

3、需要新增不同颜色的1px边线,less部分调用:

.border-bottom-1px(#color, newClassName);

4、需要取消某一边线:

// 取消默认className的边线
.border-top-none();
.border-right-none();
.border-bottom-none();
.border-left-none();

// 取消指定className的边线
.border-bottom-none( newClassName);

@examples

@import 'border-1px.less';

.border-bottom-1px(#292c32; mint-msgbox-content);

.border-bottom-none( mint-msgbox-content);