title: Why can't I import .less files into a single .less file?
body: <p>I have this structure of my files:</p>
  
  <p><code>lib/css/...</code> contains my styles divided into single .less files for each kind of area.</p>
  
  <p><code>lib/style.less</code> is the file I want to gather my sub-style files into - and the file I want to be linked into the HTML.</p>
  
  <p>When I type in (into <code>style.less</code>):</p>
  
  <p><code>@import url("/css/StyleToImport.less");</code></p>
  
  <p>or</p>
  
  <p><code>@import "/css/StyleToImport.less";</code></p>
  
  <p>... I get a syntax error.</p>
  
  <p>Is it really impossible to combine .less files into a single file?</p>
  
  <p>It could be really handy to have 1 single file to contain all variables for colors, dimensions etc.</p>
  
  <p>But as it is now, I have to use <code>&lt;link ...&gt;</code> tags in HTML to every single file - which is not so handy.</p>
  
  <p>P.S. I have read <a href="https://stackoverflow.com/questions/3538605/join-two-less-files-into-one-css-file">Join two .less files into one css file</a></p>
  
  <p>and I have read this:</p>
  
  <blockquote>
    <p><strong>Importing</strong> </p>
    
    <p>Importing works pretty much
    as expected. You can import a .less
    file, and all the variables in it will
    be available. If the file is a .less,
    the extension is optional:</p>
    
    <p>@import "library";</p>
    
    <p>@import "typo.css";</p>
  </blockquote>