Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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