Fail to compile compass linear gradients correctly

[ronnix]

Here is a source example:

@import "compass/css3";

.test {
    @include background-image(linear-gradient(#000, #FFF));
}

Here is the exepected output (using Ruby sass):

.test {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#000000, #ffffff);
  background-image: -moz-linear-gradient(#000000, #ffffff);
  background-image: -o-linear-gradient(#000000, #ffffff);
  background-image: -ms-linear-gradient(#000000, #ffffff);
  background-image: linear-gradient(#000000, #ffffff); }

Here is the libsass output:

.test {
  background-image: -owg(linear-gradient(black, white));
  background-image: -webkit(linear-gradient(black, white));
  background-image: -moz(linear-gradient(black, white));
  background-image: -o(linear-gradient(black, white));
  background-image: linear-gradient(black, white); }

[akhleung]

Ooh, it looks like Compass's linear-gradient function is defined in Ruby, so LibSass can't use it. We currently require custom functions to be defined in SassScript (like in Bourbon, which we do test against).

[ronnix]

Did not realize that some parts of Compass depended on custom ruby extensions. I guess this means I cannot use libsass if I want to use Compass? Or do you know if the Compass people plan to make it more portable?

[akhleung]

Ah, yes, much of Compass is actually implemented in Ruby -- it currently won't work with LibSass. I believe there are long-term plans to port it over, but it's at least several months off. LibSass would first need to provide some kind of foreign-function interface (currently in the works), and then Compass itself would need to be ported to take advantage of it.

[ronnix]

Thanks for the explanation!