title: confused on sass/scss variables mixing with text
body: <p>trying to get my head around sass/scss and variables.</p>
  
  <p>I'm trying to have a different URL path to images based on a theme light/dark.</p>
  
  <p>So I have this variable setup:</p>
  
  <pre><code>$icon-url: "/templates/default/images/network-icons/";
  </code></pre>
  
  <p>I then want to do something like this to have it inside each different icon used:</p>
  
  <pre><code>background-image: url($icon-url+"twitter.svg");
  </code></pre>
  
  <p>That doesn't work, can't quite get it right, got any pointers?</p>