title: How do I get Twitter Bootstrap's Less files to work with Sinatra AssetPack?
body: <p>I am trying to get Bootstrap's Less files working with <a href="http://ricostacruz.com/sinatra-assetpack/" rel="nofollow">Sinatra AssetPack</a>, but I am getting Less parser errors. These errors lead me believe that the less files being imported through bootstrap.less are not aware of each other.</p>
  
  <p>I have an app.rb file:</p>
  
  <pre><code>require 'sinatra/base'
  require 'sinatra/assetpack'
  
  class App &lt; Sinatra::Base
    set :root, File.dirname(__FILE__)
    register Sinatra::AssetPack
  
    assets do
      css :bootstrap, [
        '/css/bootstrap.css'
      ]
  
    end
  
    get '/' do
      erb :index
    end
  
    # start the server if ruby file executed directly
    run! if app_file == $0
  end
  </code></pre>
  
  <p>I've copied all of the Bootstrap less files into the <code>/app/css</code> directory and modified bootstrap.less so that each @import statement ends in .css instead of .less (the actual file extensions weren't changed though).  I've also put everything up on Github: <a href="https://github.com/elevine/sinatra-assetpack-bootstrap" rel="nofollow">https://github.com/elevine/sinatra-assetpack-bootstrap</a></p>
  
  <p>Here is first half of the stack trace from one of the errors I am getting:</p>
  
  <pre><code>  Less::ParseError - .tab-focus is undefined:
          at /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/js/lib/less/parser.js:385:31
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/parser.rb:57:in `block in to_css'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/java_script/v8_context.rb:90:in `block in do_lock'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/java_script/v8_context.rb:88:in `do_lock'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/java_script/v8_context.rb:60:in `lock'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/java_script/v8_context.rb:30:in `exec'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/java_script.rb:26:in `exec'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/less-2.2.1/lib/less/parser.rb:57:in `to_css'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/tilt-1.3.3/lib/tilt/css.rb:68:in `evaluate'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/tilt-1.3.3/lib/tilt/template.rb:76:in `render'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/sinatra-1.3.3/lib/sinatra/base.rb:686:in `render'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/sinatra-assetpack-0.0.11/lib/sinatra/assetpack/class_methods.rb:71:in `block (3 levels) in add_individual_routes!'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/tilt-1.3.3/lib/tilt.rb:127:in `fetch'
          /users/elevine/.rbenv/versions/1.9.2-p320/lib/ruby/gems/1.9.1/gems/sinatra-assetpack-0.0.11/lib/sinatra/assetpack/class_methods.rb:70:in `block (2 levels) in add_individual_routes!'
  </code></pre>
  
  <p><code>.tab-focus</code> is defined in mixins.less, and this error originates from reset.less which is the first import in bootstrap.less.  I've tried rearranging the order of the imports, but it did not solve the problem.</p>
  
  <p><em>Is it possible to get the @import statements in bootstrap.less to work correctly in this setup?</em> </p>