Databases
StackOverflow2013
Postsdbo
POHow does one load a CSS framework in Rails 3.1?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow does one load a CSS framework in Rails 3.1?
    primarykey
    data
    text
    <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>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USChristian Fazzini
    1. USChristian Fazzini
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow does one load a CSS framework in Rails 3.1?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow does one load a CSS framework in Rails 3.1?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow does one load a CSS framework in Rails 3.1?
      1. USjrduncans
      1. VTFavorite
    1. COThere's a railscasts that [covers the first question](http://railscasts.com/episodes/265-rails-3-1-overview)
      singulars
      1. POHow does one load a CSS framework in Rails 3.1?
      1. USDonaldSowell
    2. COYou should probably put the blueprint css stuff in vendor/assets/stylesheets and not in your app to make sure they are loaded first and to separate them.
      singulars
      1. POHow does one load a CSS framework in Rails 3.1?
      1. USFire Emblem
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload