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)