title: SASS interpolation error
body: <p>I'm in the processing of converting my Shopify theme's CSS into SASS. I'm using the SASS interpolation tags <code>#{}</code> to handle the embedded shopify template code in my CSS.</p>
  
  <p>I'm running into one error though that's stumping me. The SCSS is as follows...</p>
  
  <p><code>background-image: #{'{% if settings.use-background-image %}'} url( #{ '{{ "background-image.png" | asset_url }}' } ) #{'{% endif %}'};</code></p>
  
  <p>and my error is...</p>
  
  <p><code>error style.scss (Line 83: Invalid CSS after "...{'{% endif %}'}": expected string, was ";")</code></p>
  
  <p>Any ideas what I'm doing wrong?</p>