web5design / foldy960

A responsive version of the 960 grid, the Pvel way!

Foldy960 - A responsive 960 grid from Paravel

Foldy960 isn't aiming to be Yet-Another-CSS-Framework and we hesitate to use the term "Boilerplate". Foldy is just a little kit and some extra classes to get you going on making your 960.gs design responsive.

New: Foldy 6 Column is a bit different than the traditional 960. It's all fluid, but for proportions sake, think of it in the following pixel dimensions:

• 6 Columns
• 135px wide column
• 30px wide gutter
• 990px total width.

Features

• Simplified Mobile First 6 Column Responding Grid
  • 0 - 480px: One column fluid.
  • 480 - 640px: One column fluid with a little subgridding.
  • 640px+: Fluid 6 column "960" grid.
• .grid-right for proper content collapsing
• .content-pad-right & .content-pad-left for extra padding if you needed. Obviously, not the most desired semantics, but absolutely bulletproof when you're padding content.
• .gallery - a class for handling image galleries. Goes from bi-grid to tri-grid.
• Foldy defaults to max-width: 1280px; but change that to whatever you friggin' want.

Changelog

• 09/04/2012
  • Mobile First
  • Changed to hyphenation instead of underline.
  • Changed .foldy-gallery to just .gallery with subclass .grid-unit
• 09/07/2011
  • Switched to 6 column grid.
  • Added .foldy-gallery class.
• 08/26/2011
  • Simplified down responsiveness down to a single media query.
• 05/23/2011
  • Initial release.

License

Foldy is licensed under the WTFPL + "Not going to maintain this because the rent is too damn high" License.