Inspired by the modernist graphic design movement which rose to popularity in the 1950's, this framework was built from the ground up with the twelve-column grid system in mind. This is, quite possibly, the worlds most pretentious front-end css framework. (Eat it Tyler Brûlé).
Chocolate is an homage to the modernist graphic design movement which rose to popularity in the 1950's. This framework was built from the ground up with the twelve-column grid system in mind. More information can be found here
Chocolate is a responsive CSS framework which is not only lightweight and highly customizable, but also very simple to use. Built on top of SASS, chocolate ships as standard CSS but can also be compiled from source.
Chocolate can be installed using the Bower package manager via terminal. Run this command in terminal and let Bower work it's magic.
bower install chocolate
The simplest and fastest way to get started is to include the style CSS file in your project. Just add this file to the head of your html file.
And, if you'd like, you can also clone the GitHub repo via terminal. Chocolate is a work in progress, please feel free to contribute to the project.
Monocle ipsum dolor sit amet boeing 787 artisanal bureaux ut handsome airport. Gaggenau first-class tempor boulevard tote bag eu wardrobe cupidatat Asia-Pacific mollit Baggu. Id hand-crafted ryokan, exclusive remarkable sophisticated boulevard nulla conversation essential laborum.
Grids are good for the soul - R
Button sizes can be applied to any button style. Just append the size class
Images are responsive to their parent wrapper. In this case a
five col grid layout.
A border can be added to every image by applying the
Filters can be applied to any image. Simply append the
.greyscale class. Greyscale images revert to full color on
.circleIcon class can be used as a wrapper for text as well as iconFonts. Other helper classes, such as
.success can also be applied
.circleIconAlt icons with helper classes applied. Similar to buttons.