Menu icon Foundation
Adding Compass to new project

How do I add Compass rules to a foundation 5 project?

installcompassFoundation 5

How do I add Compass rules to a foundation 5 project?


Rafi Benkual gave the most helpful answer for this post
Rafi Benkual over 5 years ago

There has been an updated install guide on the Docs page:

http://foundation.zurb.com/docs/upgrading.html

In the command line, run 'foundation new MY_PROJECT' by replacing MY_PROJECT with the folder you want to install the project on. After that, confirm that these folders exist on the directory you specified.

When starting a project run compass init and then compass watch (in Terminal) to watch for changes on the .sass files.

Then change the import of settings in app.scss from:

@import "settings";

To:

@import "foundation/_settings";

Once you've done that, run compass watch again.

This post has been closed. No new replies can be added.

Rafi Benkual over 5 years ago

There has been an updated install guide on the Docs page:

http://foundation.zurb.com/docs/upgrading.html

In the command line, run 'foundation new MY_PROJECT' by replacing MY_PROJECT with the folder you want to install the project on. After that, confirm that these folders exist on the directory you specified.

When starting a project run compass init and then compass watch (in Terminal) to watch for changes on the .sass files.

Then change the import of settings in app.scss from:

@import "settings";

To:

@import "foundation/_settings";

Once you've done that, run compass watch again.