https://github.com/davatron5000/Foldy960

A responsive version of the 960 grid, the Pvel way!
https://github.com/davatron5000/Foldy960

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/davatron5000/Foldy960
• Owner: davatron5000
• Created: 2011-05-23T19:58:14.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2016-03-23T15:18:03.000Z (over 8 years ago)
• Last Synced: 2024-06-02T22:51:22.449Z (4 months ago)
• Language: CSS
• Homepage:
• Size: 207 KB
• Stars: 483
• Watchers: 50
• Forks: 84
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](http://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

* Do you have a Sass version? Nope, but @elyseholladay does: https://github.com/elyseholladay/Foldy960/tree/sassafras

* Do you have a 12 column Sass version? Nope, but  @elyseholladay does: https://github.com/elyseholladay/Foldy960/tree/twelvecol

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