Sass folders and files organization

Just an example/recommendation of how to organize sass files

Here you can check out the demo

Table of Contents

1. Base Estructure
2. 📄Index File
3. 📂Components
4. 📄Footer
   1. 📄Using SVG Images from Mixins
5. 📄Header
6. 📂Shared
7. 📄mixins
8. 📄variables
9. 📄global
10. 📄normalize

Base Estructure

.
├── src
  ├── SCSS
    ├── components
      ├── header.scss
      ├── footer.scss
    ├── shared
      ├── _mixins.scss
      ├── _variables.scss
      ├── global.scss
      ├── index.scss
      ├── normalize.scss

Index File

This file contains general imports of main files

@import "global/normalize.scss";
@import "global/shared.scss";
@import "components/about.scss";
@import "components/cards.scss";
.
.
.

Check the .index.scss file