cloudhead/less.js — Issue #477: Interpolation of variables doesn't work in mixin's arguments
Author: jgonera
Created: 2011-11-21 17:30:53+00:00
State: open

I have such a mixin:

.background-gradient(@value) {
background-image: linear-gradient(@value);
background-image: -o-linear-gradient(@value);
background-image: -moz-linear-gradient(@value);
background-image: -webkit-linear-gradient(@value);
background-image: -ms-linear-gradient(@value);
}

And I'm trying to use it like this:

.background-gradient(~"top, #fff 0%, @{selected-background-color} 15%, #ddd 95%, #ccc 100%");

Unfortunately, I get:

Compiling public/ui/editor.less to public/static/ui/editor.css
Syntax Error on line 81 in /home/julas/coledit/public/ui/dijit/layout/TabContainer.less
80 .claro .dijitTabInnerDiv {
81 .background-gradient(~"top, #fff 0%, @{selected-background-color} 15%, #ddd 95%, #ccc 100%");
82	.transition-property(background-color, border);

OK

I'm using Less 1.1.5.