Less.js:如果@color = value做某事

时间:2016-06-21 20:48:23

标签: css less

假设我有一个变量:

if($request->headers->content_type == 'application/json' ){ //Parse JSON... }

如果值为蓝色,我需要知道 iscolor 函数是否还可以执行某些操作。 例如,如果@title = blue将@mixin导入到名为" mytitle"的类中。 我真的不了解iscolor的功能和行为 提前致谢

2 个答案:

答案 0 :(得分:2)

如果我理解你的问题,你要做的事情非常简单:

@title: blue;

.mytitle when (@title = blue){
  /*Do stuff here*/
}

如果@title的值等于blue,请将样式添加到.mytitle

答案 1 :(得分:1)

iscolor在这里不合适 - 它只是评估字符串并告诉你字符串是否是有效的颜色字符串。因此,尝试iscolor(@title)之类的内容将返回true,无论颜色如何(只要@title包含有效的颜色字符串)。

更新:我认为您正在寻找Mixin Guard功能:

.mixin (@a) when (lightness(@a) >= 50%) {
  background-color: black;
}
.mixin (@a) when (lightness(@a) < 50%) {
  background-color: white;
}
.mixin (@a) {
  color: @a;
}