SASS + Live Reload

I love working efficiently and the SASS + Live Reload combination lets me do just that. There was some initial setup work involved but after I installed the SASS syntax highlighting module for Sublime Text2 and set Live Reload to watch my localhost folder, everything worked like magic. As soon as I saved my .sass file, I could see the results updated in my browser without ever having to hit refresh. My first test was simple, changing my background color variable from white to red.

//SASS Variables
$bgcolor = white
body
background-color: $bgcolor
//Preprocessed CSS
Body{
background-color: white;
}

I took it a step further and pointed both my iPhone and iPad to my local server. Then I made a few changes to the SASS file and hit cmd+S. Live reload did the preprocessing and refreshed all my devices instantly.

Back…