Foundation

Quickstart with CSS

Even though we maintain Foundation using Sass, we're not leaving you CSS people behind. We create the default CSS download from the most recent version of the compiled gem.

Customize and Download

If you'd rather not work with a preprocessor like Sass, you can download Foundation as a single code pack with everything you need to create a responsive site.

Visit the download page to get started with a CSS pack. You can choose to simply download everything, with most files joined to reduce requests and with smart defaults that we've set. Alternately you can customize your download by including or omitting different pieces of the framework, and setting many of the Sass variables like colors, grid size and columns, etc.


Upgrading to new Foundation 3.x Releases

When a new version of Foundation 3 is released we'll note the changes in the changelog on the support page. Replace your foundation.css with the new version, and replace your app.js (or others noted in the changelog) making sure to port over any changes or additions you've made to those files.


Upgrading from 2.x to 3.0

If you want to upgrade your Foundation 2 app or site to Foundation 3, you'll need to download a new version of Foundation (custom or the default). Swap out your foundation.css file for the one in 3.0. Replace all of your JS with the new versions. If you have your own JS in those files be sure to port it over, and other JS files you have should be fine.

Once you've made those changes consult this migration guide to see what you'll need to change in your markup.

Grab the copy of Foundation best for you, whether that's Scss or CSS, everything or just bits and pieces.

Install Foundation

Awesome product jobs:
via ZURBjobs