Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Trevor Jones
Trevor Jones
6,691 Points

Using Sass in Foundation

Maybe I'm silly, but I can't figure out why I need Compass when using Foundation. I thought Foundation does everything Compass does - it was just a different Sass library. What am I missing here? Thank you!

3 Answers

Kevin Kenger
Kevin Kenger
32,834 Points

Hey Trevor,

As you know, Foundation is a CSS Framework, which is (in most cases) a set of fixed CSS definitions that you can apply to your markup.

Compass however, is a CSS Authoring Framework. An Authoring Framework can assist in writing CSS code with different helpers, but you still have to write most of the CSS definitions yourself. These helpers, for example can help fix common browser issues like certain floats, and padding and margin specifications.

Along with using Compass and its helpers to build on top of a CSS Framework, like Foundation, it can also assist you in writing your own CSS Framework, which is pretty nifty.

I hope that helps at least a little bit! Let me know if you have any other questions!

James Barnett
James Barnett
39,199 Points

Foundation is a collection of CSS classes (and possibly some JavaScript thrown in to make it shiny). Compass on the other hand is a collection of Sass mixins.

Trevor Jones
Trevor Jones
6,691 Points

Makes sense! Thank you for your help