Can't get these 3 files to combine

This is the error I'm getting: Runtime error: No matching definition was found for .box-shadow(0 2px 2px 0 )

Since it was a kendoUI skin I submitted it as a ticket to telerik, but they ARE able to compile it using a fork of less.js https://github.com/telerik/less.js which seems to just bake in the browser specific stuff, so instead of this: background-image: -webkit-gradient(linear, left top, left bottom, from(#95A4B0), to(#56656F)); /* Saf4+, Chrome / background-image: -webkit-linear-gradient(top, #95A4B0, #56656F); / Chrome 10+, Saf5.1+, iOS 5+ / background-image: -moz-linear-gradient(top, #95A4B0, #56656F); / FF3.6 / background-image: -ms-linear-gradient(top, #95A4B0, #56656F); / IE10 / background-image: -o-linear-gradient(top, #95A4B0, #56656F); / Opera 11.10+ */ background-image: linear-gradient(top, #95A4B0, #56656F);

You just need this: background-image: linear-gradient(top, #95A4B0, #56656F);

Any idea?

This appears to be the behaviour of less.js -- whether it's by design or a bug. I don't know what's different about the Telerik fork, but the official version of less.js (https://github.com/cloudhead/less.js) appears to be quite strict about matching the number of arguments provided to the number of arguments expected. Thus:

> less.render('.a() { width: @arguments; } .h { .a(2px); }', p);
[object Object]  // undefined
> less.render('.a(@d1) { width: @arguments; } .h { .a(2px); }', p);
.h {
  width: 2px;
}
> less.render('.a(@d1, @d2) { width: @arguments; } .h { .a(2px); }', p);
[object Object]  // undefined

Were Telerik able to compile your files using the official version of Less?

It looks like the official Less syntax for being able to take an arbitrary number of arguments is to specify "..." in the argument list:

.mixin(...) {
  width: @arguments;
}

.test {
  .mixin(2px);
}

(NOTE: "..." currently breaks Web Workbench syntax highlighting. Working on a fix.)

So I don't know whether the problem is that the official version of Less has had a regression, or whether Telerik have changed the Less behaviour; but the official syntax seems be the "..." and the Telerik behaviour appears to be specific to their fork.

...and the "..." highlighting fix will be in the next nightly build.

Thanks Ivan! :)

I've asked them to perhaps add the "..." to their template so us non-forkers can use it properly.

Has there been any debate on giving us a UI to use another compiler by any chance (like this fork?)

Yes, the option to use an alternate compiler has come up a couple of times in connection with Sass. It's something we'd like to do, but we need to figure out how to handle invoking external compilers, how external compilers should be configured, etc., so it's not currently planned in.

I managed to get Crunch (crunchapp.net) to compile my kendoui template by replacing the @require line with this..

.box-shadow (@x: 0, @y: 0, @blur: 0, @opacity: 0) { box-shadow: @arguments; -moz-box-shadow: @arguments; -webkit-box-shadow: @arguments; }

.border-radius(@a: 0) { border-radius: @arguments; } @import "template.less";

dotnetless also works after making the change above.