title: Error with the less color variable values
body: <p>I am just learning <a href="http://lesscss.org/" rel="nofollow">less</a>.I have my <code>html</code> file like this</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en-IN"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;.::LESS::.&lt;/title&gt;
    &lt;link rel="stylesheet" type=text/css"" href="style.less" /&gt;
    &lt;script type="text/javascript" src="less.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="box1"&gt;This is box1&lt;/div&gt;
    &lt;div class="box2"&gt;This is box2&lt;/div&gt;
    &lt;div class="box3"&gt;This is box3&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and my <code>style.less</code> file is like this</p>
  
  <pre><code>@blue : #00c;
  @light-blue: @blue + #333;
  @deep-blue: @blue - #333;
  .box1 {
    background-color: @blue;
  }
  .box2 {
    background-color: @light-blue;
  }
  .box3 {
    background-color: @deep-blue;
  }
  </code></pre>
  
  <p>But after all this when I am going to check the <code>html page from the browser</code> it is not showing anything.If I am <code>changing the values of background-color</code> to <code>any color values</code> then the background color can be seen over there.Can some one tell me where is the wrong part?Any help and suggestions will be welcome.Thanks in advance.</p>