A suggestion on how to organise your scss prohect

scss.project

// link    : https://medium.com/p/24cfae349724
// version : 1.0.0


scss/
|
|— site/                              # website namespace
|   |— modules/
|     |— common/
|       |— _footer.scss
|       |— _header.scss
|       |— _nav.scss
|     |— layouts/
|       |— _default.scss
|       |— _mobile.scss
|       |— _tablet.scss
|     |— uikit/                         
|       |— _all.scss
|       |— _buttons.scss
|       |— _modal.scss
|       |— _forms.scss
|       |— _typography.scss
|       …
|   |— _all.scss
|   |— _homepage.scss
|   |— _variables.scss
|
| — mixins/                     
|   |— _all.scss
|   |— _colorscales.scss
|   |— _fontcalc.scss
|
| — vendor/                          # 3rd party libraries
|   |— _normalize.scss
|   …
— site.scss