Creating Custom Functions

Hi,

It would be nice to define Custome Functions like:

  darkfadein(@color, @value) {
    return fadein(darken(@color, @value));
  }

  .foo {
    color: darkfadein(#333, 10%);
  }

should be compiled to:

  .foo {
    color: #1a1a1a;
  }

[fabienevain]

I find a hack : if you declare a global js function, you can use it later !

@fn: ~`fn = function(a) { return a; }`;

@arg: 8px;

p {
    font-size: ~`fn("@{arg}")`;
}

[rjgotten]

@hiyangguo

You shouldn’t use inline JS expressions, period. Build and register custom functions the appropriate way. Read the documentation. It’s all there: http://lesscss.org/features/#plugin-atrules-feature