O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Choosing Foundation components

The first thing we'll look at when customizing Foundation through SASS is choosing components and plugins. Here are the steps to accomplish this:

  1. Set up to enable and disable components: Open the custom-foundation.scss file again in your favorite editor. There are two import statements. The first one imports your custom variables; we'll cover that later. The second one imports all the individual components. Comment out all the ones you don't want and you'll be left with the ones you do want.

    Alternatively, our preferred approach is to comment out all the component lines and then uncomment only the ones we want.

  2. Close the import statement: Foundation uses one import statement to import all the component files. Filenames ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required