Zurb Foundation is a prototyping theme that you can use to prototype in browser. It allows you to rapidly create a website or application while leveraging mobile and responsive technology that has already been well tested.

In order to use this theme effectively, it's very important that you familiarize yourself with the zurb foundation classes and documentation on the Zurb Foundation Documentation Page

Getting started with Zurb Foundation

The Zurb Foundation Theme is a great starting point to get your website or application to release quickly. Leveraging the full power of the Zurb Foundation front-end framework, it has a strong component library and features lots of options and abilities for responsive design.

What new features are planned in next stable release.

Links

• Meta issue about documentation coverage http://drupal.org/node/1744592

The following pages only apply to the 3.x version of Omega.

The following pages will explain what Omega 3.x is, how it works and outline established best practices for getting started with your own Omega based subtheme. Please start at the beginning as Omega's approach to theming is different than other themes. If you assume too much you may find complications in understanding how to use Omega. Looking for Omega 4.x documentation? Go here.

Should I use 3.x or 4.x?

Whether you should use Omega 4.x or Omega 3.x depends on several considerations:

@TODO - break this down into separate pages.
@ToDo - While most of this is still valid, we need to update this to v3.x.

USEFUL INFORMATION

• Out of the box Sasson will give you a 960 pixel grid system, you may change grid properties in your theme settings.
• Sasson gives you a responsive layout - that means your site adapts itself to the browser it is displayed on. you may set the layout breakpoints or disable this behaviour via theme settings.
• The default responsive layout takes a desktop-first approach, you can go mobile-first with a click in your theme settings.
• New - Sasson can auto-generate image sprites and matching stylesheets out of a directory of images. under your sub-theme's image directory you'll find 3 directories (horz, vert, and smart), all you need to do is put images inside those directory and call them from your Sass file:
  

  @import "sprites/DIRNAME";
  
  .selector {
     @include sprite-DIRNAME-FILENAME;
  }