Install Susy 1.0 Pre

This is a step-by-step guide to install Susy 1.0 pre in Compass.app.

Remove old gems

If you have installed sass/compass/susy gems, please remove them first.

gem uninstall sass compass susy

Install Sass 3.2.0.alpha.244 and Compass 0.13 pre

We have to install Sass 3.2.0.alpha.244 because Sass 3.2.0.alpha.247 does not work well with Susy 1.0 pre.

gem install sass -v 3.2.0.alpha.244 --pre --no-rdoc --no-ri
gem install compass --pre --no-rdoc --no-ri

Please do not use gem command to install Susy.

Create Compass extension folder

From Compass 0.11, extensions that are installed into ~/.compass/extensions will be automatically available to all your compass projects. Please also check Use Compass Extensions first.

mkdir -p ~/.compass/extensions
open ~/.compass/extensions

Download latest Susy pre

1. Choose "Download as zip" in the download page on GitHub.
2. Unzip it and rename the folder to "susy". IMPORTANT
3. Move "susy" folder to ~/.compass/extensions.

Setup custom gem path in Compass.app

If you do not know where your gem path is, you can execute this command:

gem env path

Paste the result in Compass.app's preference.

Done. Please restart Compass.app.

I want to use 960/h5bp/bootstrap

Please execute this command: (You have to install all of them because of current implementation)

gem install compass-960-plugin compass-h5bp html5-boilerplate bootstrap-sass