映射

• • 从 Less 3.5 版本开始，你还可以将混合（mixins）和规则集（rulesets）作为一组值的映射（map）使用

• #colors() {
      primary: blue;
      secondary: green;
  }
  
  .button {
      color: #colors[primary];
      border: 1px solid #colors[secondary];
  }

• • 编译后：

• .button {
      color: blue;
      border: 1px solid green;
  }

   

逻辑函数

• • Less的逻辑函数if

• @some: foo;
  
  div {
      margin: if((2 > 1), 0, 3px);
      color:  if((iscolor(@some)), @some, black);
  }

• • 编译后：

• // 2>1 所以输出0
  // foo不是颜色，所以输出black
  
  div {
      margin: 0;
      color:  black;
  }

• • 注意版本问题

• if(2 > 1, blue, green);   // Causes an error in 3.0-3.5.3
  if((2 > 1), blue, green); // Ok 3.0+

• • Less的逻辑函数boolean

• @bg: black;
  // boolean和if差不多，如果luma值>50%就输出true,不然就输出false
  @bg-light: boolean(luma(@bg) > 50%);
  
  div {
      background: @bg; 
      color: if(@bg-light, black, white);
  }

• • 编译后：

• // @bg-light为false，输出white
  
  div {
      background: black;
      color: white;
  }