function interpolation in url() doesn't work

[hyunchulkwak]

This might be an edge case but works fine on ruby sass.

input

// okay
.plain-url {
  background-image: url(../test.png);  
}

// okay
.url-with-parameters {
  background-image: url(../test.png?v=20150812);
}

// example function returns param number
@function test(){
  @return 20150812;
}

// doesn't work
// error reading values after ( on line 23 at column 24
.url-with-function-interpolation-without-quotes {
  background-image: url(../test.png?v=#{test()});
}

// workaround
.url-with-function-interpolation-using-quotes {
  background-image: url("../test.png?v=#{test()}");
}

output: libsass (v3.2.5)

error reading values after ( on line 23 at column 24

output: ruby-sass (v3.4.14)

.plain-url {
  background-image: url(../test.png);
}

.url-with-parameters {
  background-image: url(../test.png?v=20150812);
}

.url-with-function-interpolation-without-quotes {
  background-image: url(../test.png?v=20150812);
}

.url-with-function-interpolation-using-quotes {
  background-image: url("../test.png?v=20150812");
}

[xzyfer]

Thanks @hyunchulkwak. I can confirmed this is fixed on master and will be 3.3

[xzyfer]

I thought this was an interesting usecase, and I know we have work on the url function coming up so I added a spec sass/sass-spec#474

[hyunchulkwak]

thanks @xzyfer