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 CSS to Sass Debugging, Best Practices, and Production Moving Forward with Sass

Montalvo Miguelo
Montalvo Miguelo
24,789 Points
Posted by Montalvo Miguelo
Montalvo Miguelo
24,789 Points

How to organize files when working with foundation (sass)

At the beginning we have only the _settings partial where I use to set all my custom variables and some base styles for my foundation instance.

_settings.scss 
app.scss

Then in manifest app.scss I just import the modules of sass that i need. And some times bourbon mixins library.

To create my own modules i use to create a folder /modules where i place all my custom components ....

Then another folder /utilities for my custom mixins....

What are best practices working with foundation and sass?

It would be a good practice mix the naming convention of foundation with bem for my own modules?