IceCream – Simple and light responsive grid system

icecream-ninja

IceCream is a simple and light responsive grid system created by Zied Hosni. The grid is uncompressed 2.9kb, minified 1.8kb. LESS version also included in the package.

Classes

  • 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
Github: https://github.com/html5-ninja/icecream
Demo: http://html5-ninja.com/icecream
License: WTFPL

Leave a Reply