Passing attibute names to mixins as arguments

[custa1200]

Hi,
I would like to be able to do something like this:

.TintAttribute(@attibute, @color, @value) {
/* example: .TintAttribute(background-color, @theme-accent1, 85%)*/
@newcolor: hsl(hue(@color), saturation(@color), @value);
@attibute: @newcolor;
}

So that using a mixin I could tint any element or a rule I wished to. It falls over though when I use the @Attribute argument as the attribute in the rule.

[custa1200]

One way I have thought of achieving this but not sure if there is a better way is:

.TintAttribute(@attibute, @color, @value) when (@attibute = color) {
@newcolor: hsl(hue(@color), saturation(@color), @value);
color: @newcolor;
}

.TintAttribute(@attibute, @color, @value) when (@attibute = background-color) {
@newcolor: hsl(hue(@color), saturation(@color), @value);
background-color: @newcolor;
}

.TintAttribute(@attibute, @color, @value) when (@attibute = border-color) {
@newcolor: hsl(hue(@color), saturation(@color), @value);
border-color: @newcolor;
}

[lukeapage]

I would just have the hsl(hue(@color), saturation(@color), @value); inline, even if you have some duplication.

Yes, you could do it with guards.

No, there is no way at the moment to have a variable property.. There have been lots of requests for this, so this is a duplicate issue. the first request is at #36.

Closing as duplicate.