● Sass is an extension of CSS3, adding nested rules, variables, mixins, selector
inheritance, and more. It’s translated to well-formatted, standard CSS using the
command line tool or a web-framework plugin.
● Sass has two syntaxes. The new main syntax (as of Sass 3) is known as “SCSS” (for
“Sassy CSS”). SCSS files use the extension .scss.
3. Install Sass
There are a good many applications that will get you up and running with Sass in a few
minutes for Mac, Windows, and Linux. You can download most of the applications for
free but a few of them are paid apps.
Compass.app (Paid, Open Source)
Koala (Open Source)
LiveReload (Paid, Open Source)
Scout (Open Source)
4. Install Sass and Compass
•Sass and Compass get installed as Ruby gems so you'll
need to have Ruby on your machine.
•If you're on Windows, you can run the Ruby Installer.
On Linux, Rails Ready provides several Ruby essentials.
On OS X, Ruby is already installed by default so Ruby
5. Install Sass
•Open up your Terminal.app and type:
gem install compass
•Linux / OS X:
sudo gem install compass