/HTML5-SASS-Boilerplate

Integrate SASS workflow with HTML5 Boilerplate

Primary LanguageCSSMIT LicenseMIT

HTML5-SASS-Boilerplate

Integrate SASS workflow with HTML5 Boilerplate

What in side?

  • SASS architecture: 7-1 pattern: 7 folders, 1 file
  • SASS workflow in npm
  • HTML5 Boilerplate

How to use?

  • step1: After you clone the template project from: https://github.com/ITComma/HTML5-SASS-Boilerplate.git

  • step2: Pull all the contain to your project's main directory

  • step3: Input project information in package.json (e.g: name, version, description,...)

  • step4: > npm install

  • step5: place .gitignore in appropriate directory

  • step6: go to node_modules/html5-boilerplate/dist/ and pull all the contents to your project's main directory

  • step7: add <link rel="stylesheet" href="css/style.css"> in side the index.html (below the main.css)

  • step8: > npm run start

  • step9: go to sass folder and writing some code

  • step10: > npm run build

Customize

Custom HTML5 Boilerplay with Initializr

Custom the Javascript stack

References

HTML5 Boilerplate Docs

SASS Guide