Liquid in SCSS

[rnkn]

Unless I'm missing something, the following SCSS should work:

---
layout: none

---

body {
    background-image: url({{ "/background.jpg" | prepend: site.assets_url }});
}

but it results in the error

Conversion error: There was an error converting 'css/main.scss'.
jekyll 2.2.0 | Error:  Invalid CSS after "...und-image: url(": expected ")", was "{{ "/background..."

[pathawks]

@parkr commented

Just note that the process is:

1. Convert Sass/SCSS to CSS
2. Render CSS in Liquid

You are trying to pass a Liquid tag when SCSS expects a URL, and it chokes.

[parkr]

We're tracking this in #2573. Thanks @pathawks.

[rnkn]

Ah sorry. Am I better to use the following?

$assets_url: "http://raw.githubusercontent.com/rnkn/rnkn.github.io/assets";

body {
    background-image: url(#{$assets_url}/background.jpg);
}

[parkr]

Something like that. Try this instead though:

$assets_url: "http://rnkn.github.io/assets";

body {
    background-image: url(#{$assets_url}/background.jpg);
}

Loading from GitHub.com will be slower.

[rnkn]

The assets is actually a separate branch, so I get a 404 if I go directly. Wanted to keep binary files outside of the site code, hence the variable malarkey (it was Dropbox before).