常用less变量定义

@bgfff:#fff;
.bg(@color){background:@color;}
.color(@color){color:@color;}
.bgf{background:#fff;}
.col333{color:#333}
.cof{color:#fff}
.col666{color:#666}
.col999{color:#999}
.colf53{color:#f53}
.rel{position:relative;}
.abs{position:absolute;}
.abslt(@left,@top){.abs;left:@left;top:@top;}
.ft(@size){font-size:@size;}

.minh(@height){min-height:@height;}
.maxh(@height){max-height:@height;}

.verali(@pos){vertical-align:@pos;}
.vertop{
.verali(top);
}

.lh(@height){line-height:@height;}
.fwbold{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}

.mt(@size){margin-top:@size}
.mb(@size){margin-bottom:@size}
.ml(@size){margin-left:@size}
.mr(@size){margin-right:@size}

.pt(@size){padding-top:@size}
.pb(@size){padding-bottom:@size}
.pl(@size){padding-left:@size}
.pr(@size){padding-right:@size}

.bg(@color){background:@color};
@images: "../images";
.w(@width){width:@width;}
.h(@height){height:@height;}
.boradius(@size){
border-radius:@size;
}

.inblock{display:inline-block}
.show{display:block;}
.hide{display:none;}

.border(@color){
border:1px solid @color;
}
.bgimg(@img,@pos){
background:url("@{images}/@{img}") no-repeat @pos;
}

转载于:https://www.cnblogs.com/vsmart/p/7090108.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值