title: Less css: variables definition
body: <p>I have to projects, basing on the same HTML and different CSS. I want to bring together the CSS definitions of those two projects in one Less file, with variables to define the differences.</p>
  
  <p>Project 1:</p>
  
  <pre><code>.userbar {
      background: #fff;
  }
  </code></pre>
  
  <p>Project 2:</p>
  
  <pre><code>.userbar {
      background:url(../images/bg-userbar.png) no-repeat 100% 100%;
  }
  </code></pre>
  
  <p>The merged Less Code should be:</p>
  
  <pre><code>userbar {background: @bg_userbar}
  </code></pre>
  
  <p>Then I can define the color for project 1 like this:</p>
  
  <pre><code>@bg_userbar: #fff;
  </code></pre>
  
  <p>But for project 2, is this valid less code?</p>
  
  <pre><code>@bg_userbar: background:url(../images/bg-userbar.png) no-repeat 100% 100%;
  </code></pre>
  
  <p>Many thanks for your help!
  Sascha.</p>