Simple and light responsive grid system
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
css
less
README.md
index.html

README.md

The Grid

Sometimes you just need a grid system, everything else is excess, with the iceCream syntax this can be done easily and faster.

Demo

http://html5-ninja.com/icecream

"i" for iceCream

  • i-container : a 980px container, for full width page just remove this class
  • i-g : "g" for grid , the grid class
  • i-* : iceCream grid is 12 columns layout starting from i-0 (for hiding) to i-12 (100% width)
  • i-mp-* : "mp" for mobile portrait a 4 columns layout starting from i-mp-0 (for hiding) to i-mp-4 (100% width)
  • i-ml-* : "ml" for mobile landscape a 4 columns layout starting from i-ml-0 (for hiding) to i-ml-4 (100% width)
  • i-tp-* : "tp" for tablet portrait a 4 columns layout starting from i-tp-0 (for hiding) to i-tp-4 (100% width)
  • i-tl-* : "tl" for tablet landscape a 4 columns layout starting from i-tl-0 (for hiding) to i-tl-4 (100% width)
  • i-img : wrap image to fit the parent column width

Version

0.1.0

How to use

<link href="css/icecream-grid.min.css" rel="stylesheet" />

License

WTFPL - http://www.wtfpl.net/

Free, Hell Yeah!

Author