Include `.scss` file in another `.scss` file?

Question

How can I Include .scss file in another .scss file? I was trying to write this in a file: app.scss:

@include('buttons'); @include('dropzone');  body {      background: $primaryColor;     overflow-x: hidden; /*Clip the left/right edges of the content inside the <div> 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 */ 

and it returns an error : invalid css after @import

I try to include 2 other scss files inside the main scss file, so it will be all compiled to one css file eventually. How is it possible?

Answer 1

You can import it like this;

@import "../../_variables";  @import "../_mixins";  @import "_main";  @import "_login";  @import "_exception";  @import "_utils";  @import "_dashboard";  @import "_landing"; 

According to your directories and it will do what you want.