/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.