title: Using LESS, how do I reference a class in the separate font-awesome .less file?
body: <h2>Background</h2>
  
  <ul>
  <li>I am using <a href="http://twitter.github.com/bootstrap/" rel="nofollow noreferrer">Twitter Bootstrap</a> LESS source with <a href="http://lesscss.org/" rel="nofollow noreferrer">LessJS</a></li>
  <li>I'm using <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow noreferrer">font-awesome</a>.less (referenced from within Bootstrap.less)</li>
  <li>I've removed the icons section from bootstrap so they don't conflict.</li>
  <li>I have a site.less file which I also reference from within Bootstrap that contains some site-specific styling.</li>
  </ul>
  
  <h2>Goal</h2>
  
  <p>I would like to be able to do something along the following lines in my site.css file:</p>
  
  <pre><code>.feedbackItemIconPraise
  {
      .icon-thumbs-up; //class included in font-awesome.less
      color:Green;
  }
  </code></pre>
  
  <h2>Problem</h2>
  
  <p>When I try the approach above, I get the following error:</p>
  
  <p><img src="https://i.stack.imgur.com/vk3Vy.png" alt="enter image description here"></p>
  
  <p>This error makes sense; I'm just not sure how best to correct it without creating an additional import of font-awesome.less in my site.less (which I imagine would be its own issue).</p>
  
  <p><strong>To clarify:</strong> Per comments below: I have a class name that I'm using from a Knockout viewmodel. (for example, if "Praise" is selected, it will apply the class "FeedbackItemPraise"). If FeedbackItemPraise is selected, I'd like it to apply the .icon-thumbs-up class from font-awesome (which displays the icon via a web font) and then also make the color green.</p>
  
  <h2>What I have so far</h2>
  
  <p>Bootstrap.less customization (only relevant parts shown):</p>
  
  <pre><code>//Sean's customizations
  @import "background.less"; // Background images and colors 
  @import "font-awesome.less"; // Font Awesome font (SK 2012/09/04)
  @import "site.less"; // site-specific LESS
  </code></pre>
  
  <p>Class within site.less:</p>
  
  <pre><code>.feedbackItemIconPraise
  {
      .icon-thumbs-up; //class included in font-awesome.less
      color:Green;
  }
  </code></pre>