title: Sass doesn't load the .scss
body: <p>I am new to programming and I am trying to make a simple website as an exercise. I use : </p>
  
  <ul>
  <li>ruby</li>
  <li>sinatra </li>
  <li>sass  </li>
  <li>base(bitters) </li>
  <li>bourbon  </li>
  <li>neat</li>
  </ul>
  
  <p>The problem I'm facing has something to do with sass, it doesn't load my "style.scss":</p>
  
  <p><strong>application.rb:</strong></p>
  
  <pre><code>require "sinatra"
  
  get "/" do
     erb :Home
  end
  
  get "/style.css" do 
     scss :"scss/style"
  end
  </code></pre>
  
  <p><strong>layout.erb:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet"  href="/style.css" &gt;
          &lt;title&gt;Home&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  
  
  
      &lt;div class="article"&gt;
  
          &lt;%= yield %&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Home.erb:</strong></p>
  
  <pre><code>&lt;p&gt; text &lt;/p&gt;
  </code></pre>
  
  <p><strong>style.scss:</strong></p>
  
  <pre><code>@import "normalize";
  @import "bourbon/bourbon";
  @import "base/base";
  @import "neat/neat";
  
  $column: 90px;
  $gutter: 30px;
  $grid-columns: 10;
  $max-width: em(720);
  
  body {
      background-color: #b8b8b8;
  }
  
  a {
      color: #CC1212;
  }
  
  div.article {
      @include outer-container;
      background-color: #cfcfcf;
  }
  </code></pre>
  
  <p>The error message says: <em>Sass::SyntaxError - File to import not found or unreadable: neat-helpers</em></p>
  
  <p>All the .scss files from Bourbon, neat and base have an underscore before the actual name.</p>
  
  <p>So neat.scss => _neat.scss</p>
  
  <p>I don't get what's wrong. Could you help me and maybe explain what I did wrong?</p>