linear-gradient() (Bourbon)

[dovy]

scssphp FTW. Love you guys. Great work.

I am using the newest version of scssphp, even tried some dev branches. I am also using bourbon as a mix-in library.

I am getting two errors that I can get around, but would love to see fixed instead.

For some reason, a nested translate within a transform fails. Example:

@include transform(translate(0px, -50%));

So I have to do this manually:

-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%);

Also when running the following line:
@include background-image(linear-gradient($gradient-primary, $gradient-secondary), url('../img/pattern.png'), url('../img/dark_shore.jpg'));

The URL is ignored, so I have to manually run:

background-image: -webkit-linear-gradient( 
    $gradient-primary, $gradient-secondary ), 
    url("../img/pattern.png"), 
    url("../img/dark_shore.jpg"
);

background-image: linear-gradient( 
    $gradient-primary, 
    $gradient-secondary ), 
    url("../img/pattern.png"), 
    url("../img/dark_shore.jpg"
    298
);

or the background image will not show.

If you fix these two issues you would make my life perfect. I love you guys.

[robocoder]

Please run your test cases through sassmeister.com and post your minimal test cases here. Thanks.

[dovy]

http://sassmeister.com/gist/9946476

As you can see, it functions as it should.

[robocoder]

Thanks. The problem is that scssphp doesn't support returning maps, e.g., @return ( k1: v1, k2: v2 );

[dovy]

So I am guessing this can't be resolved? heh.

[robocoder]

The transform(translate()) issue is probably the same as #166, and is probably an easier fix (i.e., it looks like a scoping issue).

The linear-gradient issue is harder as it introduces a new type.

[robocoder]

@robocoder: test to see if this is fixed in v0.1.4

[robocoder]

The nested transform(translate() is working in the latest version of scssphp, but the background-image(linear-gradient()) is borked.

.background2 {
  background-image: , , ;
  background-image: , , ; }

[robocoder]

Fixed in master