Using a generated mixin

[palsan]

Hello friends!

I experience problems including the mixin that was loop-generated:

/* automatic generator for simple single parameter classes */

.generate-numeric-param1( @class-name; @param; @max; @min: 0; @step: 1pc; @current: 0) when (@current =< @max) {
  .@{class-name}@{current} {
    @{param}: (1px * @current);
  }
  .generate-numeric-param1( @class-name; @param; @max; @min; @step; @current + @step);
}

/* generate ".marN" classes where N = 0,5,10,15,...50 
 *
 * .mar0 { margin: 0px; }
 * .mar5 { margin: 5px; } 
 * .mar10 { margin: 10px; }
 * ...
 * 
 * */

.generate-numeric-param1(mar,margin,50,@step:5);


/* try to use generated margin classes */

.use-generated-mar5 {
  .mar5(); /* can use this */
}

.use-generated-mar0 {
  .mar0(); /* cannot use this - error: NameError: .mar0 is undefined */
}

Using .mar0(); works, if I define in manually like so

.mar0 { margin: 0px; }

My less is:

lessc -v
lessc 2.5.3 (Less Compiler) [JavaScript]

[SomMeri]

It is not currently possible to generate mixins on the fly. There is long discussion about the topic in the Use Dynamically Generated Classes as Mixins #1399 issue - there are some difficulties in defining how exactly it should work.

I will close this as duplicate, but feel free to add to discussion in there.

[seven-phases-max]

Aside of #1399, the use-case itself is actually an XY-problem.
The right solution to the use-case is as easy as a parametric mixin, i.e.:

.mar(@value) {
    margin: @value * 1px;    
}

.use-mar5 {
  .mar(5);
}

.use-mar0 {
  .mar(0);
}