people
people Minimal setup required!

SASS - Syntactically Awesome Style Sheets

This branch adds the SASS preprocessor to the kit, allowing you to make use of .scss files to reduce the amount of style code written and add additional functionality upon the base CSS language.

All that we've done here is add the preprocessor to the kit, and set up the package.json npm scripts to run & watch when in development mode, and run once when in build mode. Aside from this page, there are no other added styles that come with this branch. Each branch comes with its own SASS styles in ./starter-styles. There are also no CS-TODO's to do with this one either. It just works!

As such, minimal action is needed with this one. The few steps needed (CS-TODO) are outlined below:

If you would like to start from scratch, and not use the prebuilt pages with the kit

  1. Delete the ./starter-styles directory
  2. Clear all files in src/content, src/assets and _includes/components
  3. Begin

If you would like to build upon the prebuilt pages in the kit:

  1. Move the ./starter-styles/sass files into src/assets/sass
  2. Delete the ./starter-styles folder (now only containing LESS files)
  3. Begin