learn-sass

READMEs and code snippets for learning SASS

What is SASS?

What is a SASS source map?

A source map gives a way for browsers to reverse the compiled SASS file:

• CSS + source map = SASS readable by browser :)

Setting up SASS

1. Initialise npm
2. Install SASS

   npm install node-sass

3. Edit package.json and add this script:

"sass": "./node_modules/.bin/node-sass --source-map true public/_sass/main.scss public/assets/css/main.css"

where public/_sass/main.scss is the input SASS file and public/assets/css/main.css is the output CSS file, which will be bundled with the source map too.