StyleZero Grid System

This is a configuration that enables a 1,2,3,4,6 and 12 grid system to stylezero.


INSTALLATION

To install this grid system download it to your project's root directory from HERE.
Then import it to your stylezero.json file.

"attributes":{"@import":["css-grid-system.json"]}



USAGE

To use the grid system set to the parent element this: 0{display:flex;flex-wrap:wrap}
or on each element this: 0{float:left}.

Then you can define the width of each child like this:

0{width:6/12}

or

0{flex-basis:6/12}
1/1
1/2 2/2
1/3 2/3 3/3
1/4 2/4 3/4 4/4
1/6 2/6 3/6 4/6 5/6 6/6
1/12 2/12 3/12 4/12 5/12 6/12 7/12 8/12 9/12 10/12 11/12 12/12