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

Posted by Leonardo Costa
Leonardo Costa
8,069 Points

How do you keep CSS modular _without_ using crazy Sass acrobatics?

I've just finished the Sass basic course and it's really awesome. I'm really into using Sass.

However, as I was trying to learn how to keep my CSS modular, I've stumble upon LOTS of Sass techniques, like imports, extends all over the place, includes, complex functions and many many more.

As I am in a middle of a project that I just need to write a not-that-much-of-a-wet CSS file, I'd lose precious time getting comfortable with those techniques.

And since I'm using the SMACSS approach in Sublime Text 2, I can scroll through the file with ease, no matter how big it is.

I believe that by using indentation, variables and mixins combined with the BEM methodology I can already achieve some neat results, much better than with just plain CSS.

Any ideas on how to approach this? The concepts are here, but I'm still writing the code and I'll see how it goes.

1 Answer

Dustin Matlock
Dustin Matlock
33,856 Points

Leonardo, you may be happy to hear that CSS gets better with each version. CSS4 seems to select elements with less code than Sass does in some cases. I'm sure Sass will be around for a while—maybe even get better—but there's an attempt in place to help make CSS better than previous versions.