SASS Watch

January 7, 2012

SASS is both fun to use and saves a lot of time. Preparing your environment to save it’s changes, however is neither. In short, SASS allows you to use things like variables to create complex, but lightweight stylesheets. Though when it comes time to use your stylesheet you still use the same old .CSS file. How to get from a SASS file to a CSS file?

The usual process is:

  1. open terminal
  2. navigate to the directory in which all the sass/css files will be living
  3. run sass –watch

You could also just run sass –watch /path/to/directory/

This process tells terminal to watch for any changes to a .SASS file and process it into it’s correct .CSS file. But doing this over and over can be a bit of an annoyance. So I configured Paul Calnan’s applescript to help cut down the steps.

The new process:

  1. open folder which has your sass/css files
  2. type sass in alfred

That’s it! A terminal window should pop up, showing you the current processing of SASS files. I hope you find this as useful as I do.

 

Download