Merge branch 'dev'

lib/less/engine/nodes/function.rb

@@ -80,9 +80,14 @@ def evaluate context = nil
         if Functions.available.include? self.to_sym
           send to_sym, *@args
         else
-          Node::Anonymous.new("#{to_sym}(#{@args.map(&:to_css) * ', '})")
+          args = @args.map { |e|
+            e.parent = self.parent
+            e = e.evaluate(context) if e.respond_to?(:evaluate)
+            e.to_css
+          }  * ', '
+          Node::Anonymous.new("#{to_sym}(#{args})")
         end
       end
     end
   end
-end
+end

spec/css/dash-prefix.css

@@ -1,5 +1,12 @@
-body {
-  background: green;
+.test1 {
+  background-image: -moz-linear-gradient(top, bottom, from(#030303), to(#010101));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#030303), to(#010101));
+}
+.test2 {
+  background-image: -moz-linear-gradient(top, bottom, from(#020202), to(#010101));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), to(#010101));
+}
+.test3 {
   background-image: -moz-linear-gradient(top, bottom, from(red), to(green));
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(1, green));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(green));
 }

spec/less/dash-prefix.less

@@ -1,8 +1,21 @@
-@top_color: red;
-@bottom_color: green;
+@global_color: #010101;
+@red_color: red;
+@green_color: green;
 
-body {
-  background: @bottom_color;
-  background-image: -moz-linear-gradient(top, bottom, from(@top_color), to(@bottom_color));
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, @top_color), color-stop(1.00, @bottom_color));
+.gradient (@local_color: #030303) {
+  background-image: -moz-linear-gradient(top, bottom, from(@local_color), to(@global_color));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(@local_color), to(@global_color));
+}
+
+.test1 {
+  .gradient;
+}
+
+.test2 {
+  .gradient(#020202);
+}
+
+.test3 {
+  background-image: -moz-linear-gradient(top, bottom, from(@red_color), to(@green_color));
+  background-image: -webkit-gradient(linear, left top, left bottom, from(@red_color), to(@green_color));
 }