lessFunction
2018-04-27 本文已影响0人
马丁路德东
1.color
body{
background: color("#f00");
}
2.convert
body{
background: color("#f00");
width:convert(20cm,px)
}
3.转化图片格式
body{
background: color("#f00");
width:convert(20cm,px);
background: data-uri("../img/add.png");
}
4.排除其他default
body{
background: color("#f00");
width:convert(20cm,px);
background: data-uri("../img/add.png");
.x(23)
}
.x(1){ x:11}
.x(2){ x:22}
.x(@x)when(default()){ z:@x}
5.判断是否是px
.y(@y) when (ispixel(@y)){widtg:@y}
.y(@y) when not(default()){padding:(@y*10)};
.div1{
.y(100px)
}
.div3{
.y(100cm);
color: #ccc;
}
6.unit()改变单位
div{
width: unit(100px,cm);
}