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);
}
上一篇下一篇

猜你喜欢

热点阅读