Setting images as background-image in css/sass

support
, ,
7

Thanks @jmooring. I’ve now got it working.

I was hoping it would be able to fetch the image just by calling "vars" site.Params.style as per the reference. But I guess the key part re images is the following:

{{ $test_image := "" }}
{{ with site.Params.style.test_image }}
  {{ with resources.Get . }}
      {{ $test_image = .RelPermalink }}
  {{ end }}
{{ end }}

This is where the image is bound to the variable.

@jmooring what would be the preferred way to store and use images? Using the above method with /assets or simply compressing and image then placing it in /static/images and calling it from static?