美文网首页
lessFunction

lessFunction

作者: 马丁路德东 | 来源:发表于2018-04-27 09:03 被阅读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);
}

相关文章

  • lessFunction

    1.color 2.convert 3.转化图片格式 4.排除其他default 5.判断是否是px 6.unit...

网友评论

      本文标题:lessFunction

      本文链接:https://www.haomeiwen.com/subject/zuxgkxtx.html