title: SCSS temp file not compiling to css
body: <p>I am facing a weird issue. I have been working on sass which was working fine until today when I created a new temp file named <code>_grid.scss</code> and included it into the <code>main.scss</code> file which is actually a parent file. When I added some piece of code inside <code>_grid.scss</code> it is not compiling it into the CSS, instead, it works fine when I add the same piece of code in <code>main.scss</code> file.
  <br><br>
  <strong>main.scss</strong></p>
  
  <pre><code>@import "abstracts/functions";
  @import "abstracts/mixins";
  @import "abstracts/variables";
  
  @import "base/base";
  @import "base/animations";
  @import "base/typography";
  @import "base/utilities";
  
  @import "components/button";
  
  @import "layout/grid"; // this is the file which I have created and included
  @import "layout/header";
  
  @import "pages/home";
  </code></pre>
  
  <p><strong>_grid.scss</strong></p>
  
  <pre><code>.row{
      max-width:114rem;
      background-color: #eee;
      margin: 0 auto;
  }
  </code></pre>