Getting Started With Sass

Sass is a superset of CSS that adds in amazing features such as variables, nested selectors and loops. It's also the easiest way to customize Foundation!

System Requirements

Before proceeding, you'll want to install the following on your system:

• Git
• Ruby 1.9+
• NodeJS

Starting in Foundation 5, we've started using bower to manage the updating process of Foundation. It only needs to be installed one time using the following command:

Bash

[sudo] npm install -g bower grunt-cli

Then you can install our CLI using the following command:

Bash

gem install foundation

Using Foundation With Compass

Compass is the easiest way to get going with Sass. It can be installed with the following commands:

foundation new MY_PROJECT

cd MY_PROJECT
foundation update

Using Foundation With Grunt + Libsass

Using Grunt in conjunction with Libsass is the fastest way to compile your Sass stylesheets.

foundation new MY_PROJECT --libsass

cd MY_PROJECT
foundation update

Using Foundation with something else

If you prefer using Foundation with a tool that's not listed here, you may want to check out our community page to see if there's a port for you.