1.0.3 ā€¢ Published 3 years ago

create-html-sass-boilerplate v1.0.3

Weekly downloads
7
License
ISC
Repository
github
Last release
3 years ago

Create HTML/Sass Boilerplate

Generate html/sass boilerplate in matter of seconds! šŸ•’

How to

npx create-html-sass-boilerplate my-app
cd my-app
sass --watch scss/main.scss css/style.css

Creating an app

You will need to have Node 8.16.0 or Node 10.16.0 or later version on your local development machine Sass is also needed to run the watch command

npx

npx create-html-sass-boilerplate my-app

once the boilerplate is created, cd into it:

cd my-app
sass --watch scss/main.scss css/style.css

Folder structure

Generates the folowing folder structure for you're next project

my-app
ā”œā”€ā”€ index.html
ā”œā”€ā”€ css
ā”‚   ā”œā”€ā”€ style.css (wil be generated with sass command)
ā”œā”€ā”€ scss
|   ā”œā”€ā”€ main.scss
ā”‚   ā”œā”€ā”€ base
ā”‚       ā”œā”€ā”€ _colors.scss
ā”‚       ā”œā”€ā”€ _default.scss
ā”‚       ā”œā”€ā”€ _fonts.scss
ā”‚   ā”œā”€ā”€ layout
ā”‚       ā”œā”€ā”€ _Header_.scss
ā”‚       ā”œā”€ā”€ _Hero.scss
ā”œā”€ā”€ js
ā”‚   ā”œā”€ā”€ main.js
ā”œā”€ā”€ assets
ā”‚   ā”œā”€ā”€ icons
ā”‚   ā”œā”€ā”€ images
ā”œā”€ā”€ pages

Contributing to the projects

Readme in the make...

Happy coding!

fast typing