Skip to content

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

Notifications You must be signed in to change notification settings

ponddesign/Foldy960

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

FAQ

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 62.8%
  • HTML 37.2%