A responsive base theme featuring three fluid grids.
Grids are nominally 960 desktop, 640 tablet and 320 Mobile although each is fluid above and below the nominal width. The nominal column width for all three grids is 60px with left and right gutters of 10px. However actual widths are defined as percentages and so scale as required.
The theme is based on the 960gs grid and includes push/pull and prefix/suffix classes.
The desktop grid has 12 columns, the tablet grid 8 and the mobile grid 4.
Each region can be defined in the page template to occupy a chosen number of columns for each of the grids. For example a region may be 3 columns on the desktop layout (25% of the width), 4 columns on the tablet grid (50% of the width) and 4 columns on the mobile layout (100% of the width).
