Skip to content

MoonstruckDev/sassy-structure

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sassy Structure

License made-with-javascript GitHub stars GitHub stars

Table Of Content

Description

What was my motivation?

  • Everytime I booted up a project I hated creating all the files and folders as it was slow.

Why did I build to project and what did it solve?

  • I built this project so it's more efficient when starting a new project and it solves having to create the whole scss file structure manually. just run the command and it does it automatically.

File Structure (Files can be toggled as of 1.2.0)

.
├── base
│   ├── _reset.scss
│   └── _typography.scss
├── components
│   ├── _buttons.scss
│   ├── _carousel.scss
│   ├── _cover.scss
│   └── _dropdown.scss
├── layout
│   ├── _footer.scss
│   ├── _forms.scss
│   ├── _grid.scss
│   ├── _header.scss
│   ├── _navigation.scss
│   └── _sidebar.scss
├── pages
│   ├── _contact.scss
│   └── _home.scss
├── sass-utils
│   ├── _functions.scss
│   ├── _mixins.scss
│   └── _variables.scss
└── style.scss

Deployed website: https://www.npmjs.com/package/sassy-structure

Installation

npm i sassy-structure

Sassy-Structure is built with the following tools and libraries:

  • Javascript
  • npm
  • Node.js

Usage

To run the script just type

npm run create-sassy-structure

Special Thanks

Special thanks to @AdamMarsden for the stucture inspiration https://gist.github.com/AdamMarsden/7b85e8d5bdb5bef969a0

Contact

MoonstruckDev

Feel free to reach out to me on my email: [email protected]

License

License