LESS：如何检查值是整数，如javascript值％1 == 0

Question

如何在LESS函数/ mixin中告诉一个数字是整数，类似于Javascript的常用函数：

var data = 22;

if(data % 1 === 0){
  // yes it's an integer.
}

Answer 1

使用guarded namespaces和floor功能的组合。

这是codepen上的live demo。尝试将@my_val的值更改为没有小数部分的内容（包括1.0等值）并观看文本变为绿色。

LESS：

@my_val: 55.6;

#my_text {
  color: red;
  /* if @my_val has no fractional part */
  & when (@my_val = floor(@my_val)) {
    color: green;
  }
}

HTML：

<span id="my_text">Green if integer, red otherwise.</span>