title: My rails stylesheets are not loading/working
body: <p>It's been a while since I've developed in Rails and I'm having trouble getting any <code>scss</code> stylesheet to work on my freshly created rails app.</p>
  
  <p><code>layouts/application.html.erb</code> has the default <code>&lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;</code> at the top.</p>
  
  <p>For testing purposes, I created a <code>main.scss</code> file in <code>assets/stylesheets/</code> that looks like this:</p>
  
  <pre><code>* {
  border: 1px solid black;
  }
  </code></pre>
  
  <p>I thought the <code>application.scss</code> file is supposed to grab all the stylesheets in it's folder and child folders but it's not. (Oddly, the <code>.js</code> files load just fine.)</p>
  
  <p>I've tried <code>RAILS_ENV=production rake assets:precompile</code> but it didn't do anything. Could someone explain what it even does?</p>
  
  <p>I've tried adding <code>*= require main</code> and <code>*= require main.scss</code> to <code>application.scss</code>. I even changed the file ext to css for both files. The only way I've gotten any css to render is by directly adding the code to <code>application.scss</code>, which I don't want to do.</p>
  
  <p>Please help me with this.</p>
  
  <h2>EDIT 1</h2>
  
  <p>I'm going to add some more info since I'm getting generic answers. I mentioned that it's a fresh rails app so the basic things are already pre-generated. This is how my <code>application.scss</code> looks:</p>
  
  <pre><code>/*
   * This is a manifest file that'll be compiled into application.css, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the bottom of the
   * compiled file so the styles you add here take precedence over styles defined in any styles
   * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
   * file per style scope.
   *
   *= require_tree .
   *= require main
   *= require_self
   */
  </code></pre>
  
  <p>Still, nothing works</p>