title: How does one load a CSS framework in Rails 3.1?
body: <p>I am trying to load a CSS framework, Blueprint, onto my Rails 3.1 application.</p>
  
  <p>In Rails 3.0+, I would have something like this in my views/layouts/application.html.erb:</p>
  
  <pre><code>  &lt;%= stylesheet_link_tag 'blueprint/screen', 'application' %&gt;
    &lt;%= stylesheet_link_tag 'blueprint/print', 'media' =&gt; 'print' %&gt;
  
    &lt;!--[if lt IE 8]&gt;
      &lt;%= stylesheet_link_tag 'blueprint/ie' %&gt;
    &lt;![endif]--&gt;
  </code></pre>
  
  <p>However, Rails 3.1 now uses SASS. What would be the proper way to load these Blueprint CSS files?</p>
  
  <p>Currently, I have the blueprint dir in app/assets/stylesheets/</p>
  
  <p>My app/assets/stylesheets/application.css looks like:</p>
  
  <pre><code>/*
   * This is a manifest file that'll automatically include all the stylesheets available in this directory
   * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
   * the top of the compiled file, but it's generally better to create a new file per style scope.
   *= require_self
   *= require_tree . 
  */
  </code></pre>
  
  <p>Should I do something with application.css so that it loads the necessary Blueprint files? If so, how?</p>
  
  <p>Second, how would I provide some kind of condition to check for IE8, to load blueprint/ie.css?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Hmmm, reloading the app's web page again. Rails 3.1 does include the Blueprint files. Even if the css files are in a folder (in this case: app/assets/stylesheets/blueprint.)</p>
  
  <p>Which leaves me with two questions </p>
  
  <ol>
  <li>How should one apply the <strong>if lt IE 8</strong> condition using SASS? </li>
  <li>How does one load a css file for the print format (i.e. &lt;%= stylesheet_link_tag 'blueprint/print', 'media' => 'print' %>) using SASS?</li>
  </ol>