I have my webpage layout defined in different SCSS files, such as _navbar.scss and _footer.scss, along with the main.scss file (without underscore).
Now, I want to include all my layout SCSS files in my main.scss so that the main.css file will contain the styles for everything referenced in the main.scss file. Since @import is no longer used, I'm wondering if there are any extensions or tools available to achieve this. Can anyone provide insight on how to accomplish this?
Below is the HTML code snippet:
<section class="navbar" id="nav">
<ul>
<li><a class="linkbox">Test</a></li>
<li><a class="linkbox">Test</a></li>
<li><a class="linkbox">Test</a></li>
<li><a class="linkbox">Test</a></li>
</ul>
</section>
<section class="footer">
<div class="box">
<div class="header">Footer</div>
</div>
</section>
Here is my folder structure: Folder strucure