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
Top comments (0)