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

Irina Trento
Irina Trento
2,074 Points
Posted by Irina Trento
Irina Trento
2,074 Points

Zurb Foundation

Hi! I'd like to know if there is a course about Zurb Foundation with Sass.

5 Answers

Irina Trento
Irina Trento
2,074 Points
Irina Trento
Irina Trento
2,074 Points

So basically I don't need to use Sass, I can do all the customizations with css, is that what you are saying?

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Irina,

Sorry for the lengthy delay, I think the overall point I'm trying to get at is been missed, I'll try and break it down.

  • Sass is just a pre-processor, in the end you get vanilla CSS which is no different to simply downloading Foundation
  • You can change the general colours, sizes, columns and what not using the customize tool, with Sass you can do this on the fly
  • With or without Sass you can still accomplish the same thing, they both will act and function the same way

Hopefully that clears up any confusion.

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi Irina,

Foundation is built using the same features that any other Sass library/framework does so there isn't anything specific you need to learn, if you haven't done so already watch the below courses.

If their framework is still somewhat confusing you can refer to their codebase directly which offers insight into all the magical things it does to help you build awesome websites with ease.

https://github.com/zurb/foundation/tree/master/scss

Irina Trento
Irina Trento
2,074 Points
Irina Trento
Irina Trento
2,074 Points

Thank you Chris! I've seen it and I have tried it, but I would like to dive into it a little bit more.

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

From the Sass courses there is not much more to dive into as a Foundation course by itself would do the job as you don't need to know Sass to build using Foundation.

Irina Trento
Irina Trento
2,074 Points
Irina Trento
Irina Trento
2,074 Points

I know, but if you want more customization you need to use Sass, right?

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

It depends on what you mean by customization, out of the box you really don't have to touch it until it comes to colours and such and that's when it's handy to use the Sass version because of it's settings file but aside from that you generally don't need to rely on Sass.

Also Zurb do allow you to customize the CSS before you download it so if you only need vanilla CSS you can get it pre-defined with your colours and such.

http://foundation.zurb.com/develop/download.html#customizeFoundation

Irina Trento
Irina Trento
2,074 Points
Irina Trento
Irina Trento
2,074 Points

Thanx Chris! Now I get the point.

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

No worries, sorry if that seemed confusing, I was trying to void Sass from the discussion purely as Foundation was originally built using vanilla CSS, then LESS and then Sass.