How to reassign a variable in LESS depending on a condition?

Question

Less

I enter a variable with color. And depending on the condition in the mixin, I change it.

@value: true;
@color: #000;
.change-color() when (@value = true) {
  @color:  #fff;
}
.change-color();

But in the end, the variable returns the color set at the very beginning. How to implement conditional reassignment?

Answer 1

Because the variables are declared in different scopes.
As an option to do this:

@value: true;
.mixin (@color) {
    // Тут все правила, использующие @color...
}
& when (@value = false) {
    .mixin(#000);
}
& when (@value = true) {
    .mixin(#FFF);
}

stackoverflow.com/questions/29496933/less-conditio...