Up to this point in this book, we've assumed you were using a regular or custom download of Foundation from Zurb's website. We showed how to exploit the grid system and how to configure and customize each of Foundation's CSS components and JavaScript plugins. Now we'll help you advance with Foundation's SASS. After a brief look at what SASS is about, we'll show how to install Foundation with SASS.
When you download Foundation from the website, you could select the components to include. We'll show you how to do that after you have installed Foundation with SASS. Then we'll show how to customize your CSS with SASS variables, how to work with SASS functions and mixins, and how to extend classes using SASS. Each of these allows you greater flexibility and control of your style sheets.
In the last section of this chapter, we'll introduce you to designing with SASS. That's where you can take your HTML markup and quickly apply Foundation's grid mixins to style it into...