title: import .css file into .less file
body: <p>Can you import .css files into .less files...?</p>
  
  <p>I'm pretty familiar with less and use it for all my development. I regularly use a structure as follows:</p>
  
  <pre class="lang-css prettyprint-override"><code>@import "normalize";
  
  //styles here
  
  @import "mixins";
  @import "media-queries";
  @import "print";
  </code></pre>
  
  <p>All imports are other .less files and all works as it should.</p>
  
  <p>My current issue is this:
  I want to import a .css file into .less that references styles used in the .css file as follows:</p>
  
  <pre class="lang-css prettyprint-override"><code>@import "../style.css";
  
  .small {
      font-size:60%;
      .type;
  }
  // other styles here
  </code></pre>
  
  <p>The .css file contains a class called <code>.type</code> but when I try to compile the .less file I get the error <code>NameError: .type is undefined</code> </p>
  
  <p>Will the .less file not import .css files, only other .less ones...? Or am I referencing it wrong...?!</p>