title: Less CSS Import Problem
body: <p>Im dealing here with Less CSS. Everythings was going fine, but im getting a little bug now.
  I have two less files. The first is called "colors.less" where i declared the colors vars, and the second is the css structure.</p>
  
  <p>Its something like this:</p>
  
  <p><strong>color.less</strong></p>
  
  <pre><code>@black: #000;
  </code></pre>
  
  <p><strong>styles.less</strong></p>
  
  <pre><code>@import "color";
  
  body {
      background: @black;
  }
  </code></pre>
  
  <p>In my head tag, im writing it:</p>
  
  <pre><code>&lt;link rel="stylesheet/less" type="text/css" href="less/styles.less"/&gt;
  </code></pre>
  
  <p>And of course, importing the less js.</p>
  
  <p>Whats happening is when i change the black color to White (#fff), it dont change to white. Stills black. When i reverse the logic, import the styles inside of color, it changes, but my styles dont change.</p>
  
  <p>What im doing wrong?</p>
  
  <p>Thanks guys!</p>