How to pass a property name as an argument to a mixin in less

Question

I want to make a function/mixin that will make a color darker if it is already dark but lighter when it is light (normalize/extremeize?)

Is it possible to do this by

Answer 1

Guarded Mixins should be what you are looking for, however you can not use variables to define properties, only their values. So you can do it like this:

.normalize(@color, @amount) when (lightness(@color) >= 50%)
{
    color:lighten(@color, @amount);
}

.normalize(@color, @amount) when (lightness(@color) < 50%)
{
   color:darken(@color, @amount);
}

So this:

.class1 {
    .normalize(#ffffd, 10%);
}

Will output this:

.class1 {
  color: #f7f7f7;
}

But you can not actually pass a property name as a variable. This is a limitation of LESS unfortunately, and while I've seen ways around it for things like margin direction, there is not a way to just pass any ol' property using a variable.