title: Scss not working
body: <p>So I have my navbar scss working perfectly fine but for some reason I cant get any scss to work on my posts. I have no clue why its not working. Here is some of my code.</p>
  
  <p>Here is my _posts.html.erb</p>
  
  <pre><code>&lt;div class="col-sm-6 col-lg-4"&gt; 
   &lt;div class="card"&gt;
     &lt;div class="card-topper" style="background-image: url();"&gt;&lt;/div&gt;
      &lt;div class="card-block"&gt;
          &lt;h4 class="card-title"&gt;&lt;%= link_to post.title, post %&gt;&lt;/h4&gt;
          &lt;p class="published-date"&gt;Published Today&lt;/p&gt;
          &lt;p class="card-text"&gt;&lt;%= truncate(post.description, length: 130) %&gt;&lt;/p&gt;
          &lt;%= link_to "Read", post, class: "btn btn-read" %&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Im calling this in my posts index.html.erb</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;%=render @posts %&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my _posts.scss</p>
  
  <pre><code>.posts.index {
   .card {
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #181818;
      height: 400px;
      margin-bottom: 20px;
      .card-topper {
          height: 200px;
          width: 100%;
          background-size: cover;
          background-position: center;
      }
      .card-block {
          padding: 10px;
          .btn-read {
              background-color: #e8e8e8;
              font-weight: 300;
              border-radius: 0;
              color: black;
              &amp;:hover {
                  background-color: #d8d8d8;
              }
          }
          .card-title {
              font-size: 1.3rem;
              margin-bottom: 0.5rem;
              a {
                  color: black;
                  text-decoration: none;
              }
          }
          .published-date {
              font-size: 0.8rem;
              color: #787878;
              font-weight: 300;
              margin-top: 0.3rem;
              margin-bottom: 0.3rem;
          }
          .card-text {
              font-size: 0.9rem;
          }
      }
  }
  }
  </code></pre>
  
  <p>This is my application.scss</p>
  
  <pre><code>@import "bootstrap";
  @import "navbar";
  @import "posts";
  </code></pre>
  
  <p>Im importing the _posts.scss to my application.scsss just like I am with my _navbar.scss. Just dont understand why it seems to have no impact on my posts. Im using rails 5 and bootstrap 4.0.0.alpha3</p>