Jekyll accessing page variables from CSS

Question

I'm trying to set a background-img in my css.liquid file, and I need to get YAML variables in the page. How can I do that? This is what I have so far:

background-image: url({{ page.locales[page.default_locale][page.first_name] }});

I also had this:

background-image: url('{{ page.first_name }}{{ page.last_name }}.jpg');

Answer 1

Just use these styles 'inline' and not in your css.liquid file. That is by far the easiest (and least ugly) solution.