title: Include `.scss` file in another `.scss` file?
body: <p>How can I Include <code>.scss</code> file in another <code>.scss</code> file?
  I was trying to write this in a file:
  app.scss:</p>
  
  <pre><code>@include('buttons');
  @include('dropzone');
  
  body {
  
      background: $primaryColor;
      overflow-x: hidden; /*Clip the left/right edges of the content inside the &lt;div&gt; element - if it overflows the element's content area: */
      height: 100%; /* Cover all (100%) of the container for the body with its content */
      padding-top: 70px;
  } /* more css code here */
  </code></pre>
  
  <p>and it returns an error : <code>invalid css after @import</code></p>
  
  <p>I try to include 2 other scss files inside the main <code>scss</code> file, so it will be all compiled to one <code>css</code> file eventually. How is it possible?</p>