less公用引用（m）

@x:30rem;
@bnr: no-repeat;
@bce: center;
@bin: initial;

.b(@s){border: 1px solid @s;}
.br(@s){-webkit-border-radius: @s/@x;-moz-border-radius: @s/@x;border-radius: @s/@x;}
.bc(@s){background-color: @s;}
.yy(@q,@w,@e,@r,@t){-webkit-box-shadow: @q/@x @w/@x @e/@x @r/@x @t;-moz-box-shadow: @q/@x @w/@x @e/@x @r/@x @t;box-shadow: @q/@x @w/@x @e/@x @r/@x @t;}
.bs1(){-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.bs(@q,@w){-webkit-background-size: @q/@x @w/@x;background-size: @q/@x @w/@x;}
.c(@s){color: @s;}
.v(@s){vertical-align: @s;}
.vt(){vertical-align: top;}
.vm(){vertical-align: middle;}
.dv(){.ds();.vm();}
.dt(){.ds();.vt();}
.ds(){display: inline-block;*zoom:1;*display: inline;}
.dn(){display: none;}
.db(){display: block;}
.df(){display: flex;display: -webkit-flex;}
.fl(){float: left;}
.fr(){float: right;}
.fs(@s){font-size: @s/@x;}
.fb(){font-weight: bold;}
.f5(){font-weight: 500;}
.f0(){font-size: 0;}
.tc(){text-align: center;}
.tl(){text-align: left;}
.tr(){text-align: right;}
.pr(){position: relative;}
.pa(){position: absolute;}
.pf(){position: fixed;}
.lh(@s){line-height: @s/@x;}
.m0(){margin:  0 auto;}
.ma(@s){margin: @s/@x auto 0;}
.mt(@s){margin-top: @s/@x;}
.ml(@s){margin-left: @s/@x;}
.mr(@w){margin-right: @w/@x;}
.mr0(){margin-right: 0;}
.mb(@w){margin-bottom: @w/@x;}
.mb0(){margin-bottom: 0;}
.maw(@w){max-width:@w/@x; }
.miw(@w){min-width:@w/@x; }
.h(@s){height: @s/@x;}
.w(@s){width: @s/@x}
.w10(){width: 100%;}
.xz(@y){transform:rotate(@y);-ms-transform:rotate(@y);-moz-transform:rotate(@y);-webkit-transform:rotate(@y);-o-transform:rotate(@y);}
.p(@q,@w,@e,@r){padding: @q/@x @w/@x @e/@x @r/@x;}
.p0(@w){padding: 0 @w/@x;}
.pt(@s){padding-top: @s/@x;}
.pb(@s){padding-bottom: @s/@x;}
.pl(@s){padding-left: @s/@x;}
.pr(@s){padding-right: @s/@x;}

.t(@w) {
  top: @w/@x;
}

.l(@w) {
  left: @w/@x;
}

.r(@w) {
  right: @w/@x;
}

.jbs(@q,@w,@r){
  background-image: linear-gradient(to @q, @w , @r);
}

只是自己用的 随手写在了上面

原文：https://www.cnblogs.com/MWHx/p/14741518.html