title: Bootstrap Less Variables in VS2013 - Fails Intellisense and Undeclared Variable
body: <p>Why doesn't Intellisense work for the Bootstrap less variables?</p>
  
  <p>The problem is this: The <code>@gray</code>, and any other variable in <code>variables.less</code>, which is referenced inside <code>bootstrap.less</code>, is underlined with "Undeclared variable" error, but the LESS compiles to CSS as expected and the color is properly set to #555555.</p>
  
  <p>As said in <a href="https://stackoverflow.com/questions/13790807/undeclared-variable-with-less-import-what-is-causing-this-is-there-a-fix">this question</a>, it's more an annoyance than a problem, since Intellisense is lost and every variable must be typed and remembered without the help from Intellisense.</p>
  
  <p>Unlike the question mentioned above, I'm using VS2013 and Web Essentials 2013, both were updated today, but the problem still occurs.</p>
  
  <p>Any suggestion on how to fix this?</p>
  
  <p><strong>Less Code</strong></p>
  
  <pre><code>// _MasterLayout.LESS
  
  @import "/bootstrap/bootstrap.less";
  
  @header-height: 120px;
  @footer-height: 240px;
  
  html {
      height: 100%;
      color: @gray;
  }
  
  header {
      position: relative;
      height: @header-height;
  
  // ...
  </code></pre>
  
  <p><strong>CSS Generated Code</strong></p>
  
  <pre><code>...
  
  html {
    height: 100%;
    color: #555555;
  }
  
  ...
  </code></pre>