Notes on Working with Sass

Overview

These are some notes on working with SASS.

Automatically Update CSS Files

Watch for updates to file foo.scss and automatically update foo.css:

sass --watch foo.scss:foo.css

Watch folder sass and update to folder css:

sass --watch sass:css

Compression

Enable compression of CSS output:

sass --watch foo.scss:foo.css --style=compressed

Convert CSS Files to SCSS Files

Recursively create an scss version of all css files in a directory:

sass-convert --from css --to scss --recursive .