How to refer to static files in my css files?

Question

I have a reference inside my CSS file that refers to a static image:

#logo
{
  background: url(\'/static/logo.png\')
}

This works just fi

Answer 1

If you're using django-libsass to generate your css, you can use custom functions to bridge django and the sass precompiler.

As a matter of fact, the function static is already implemented, and you can use it:

.foo {
    background: url(static("myapp/image/bar.png"));
}

as described here: https://github.com/torchbox/django-libsass#custom-functions