Skip to content

Latest commit

 

History

History
22 lines (17 loc) · 659 Bytes

README.md

File metadata and controls

22 lines (17 loc) · 659 Bytes
Raw

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.