📦 npm package that help you organize your sass

Hi everyone,

I recently publish a npm package that create a scss directory structure into your repo.

It can be helpful when you start a new project and you don't want to spend too much time making folders and files to organize your styles.

🗂 Structure

     scss
        │
        ├── abstracts
        │   ├── functions.scss
        │   ├── helpers.scss
        │   ├── mixins.scss
        │   └── variables.scss
        │
        ├── base
        │   ├── global.scss
        │   ├── reset.scss
        │   ├── shame.scss
        │   └── typography.scss
        │
        ├── components
        │   ├── alert.scss
        │   ├── banner.scss
        │   ├── buttons.scss
        │   ├── card.scss
        │   ├── forms.scss
        │   ├── icons.scss
        │   ├── menu.scss
        │   ├── modal.scss
        │   ├── progress.scss
        │   └── table.scss
        │
        ├── layout
        │   ├── footer.scss
        │   ├── grid.scss
        │   ├── header.scss
        │   ├── navigation.scss
        │   └── sidebar.scss
        │
        ├── pages
        │   └── home.scss
        │
        ├── themes
        │   └── theme.scss
        │
        ├── vendor
        │
        └── main.scss

✨ Installation

node js is required -> download

# Install the package
npm i create-scss-cli

#execute the command with
cs-cli

Documentation

👉 https://www.createscss.com/
👉 https://github.com/maximedaraize/create-scss-cli
👉 https://www.npmjs.com/package/create-scss-cli

Conclusion

I would really apreciate any feedback. This is a side-projcet but I have the intention to keep working on it. Any help is welcome 🙂
Hope someone will find this useful 🤷‍♂️

Thanks for reading,

Max