我可以用LESS做到这一点吗?

时间:2012-02-28 06:17:15

标签: javascript css less

我刚刚开始使用LESS,因为它的灵活性,我遇到了一个问题。我想做这样的事情:

.shadow-argument ( @type, @horizontal, @vertical, @blur, @color ) when ( @type = normal ) {
@argument = @horizontal @vertical @blur @color;
}
.shadow-argument ( @type, @horizontal, @vertical, @blur, @color ) when ( @type = inset ) {
@argument = @horizontal @vertical @blur @color inset;
}

然后将函数传递给这样的参数:

@shadow-something: .shadow-argument(normal, 1px, 1px, 3px, #eeeeee);

有可能吗?如果不是这样的话会怎样?

1 个答案:

答案 0 :(得分:1)

只需将其替换为参数it will match the correct one

.shadow-argument(normal, @horizontal, @vertical, @blur, @color) {
  @argument = @horizontal @vertical @blur @color;
}

.shadow-argument(inset, @horizontal, @vertical, @blur, @color) {
  @argument = @horizontal @vertical @blur @color inset;
}