Grid system

Use our simple grid to build layouts of some sizes thanks to a twelve column system, Sass variables and mixins, and predefined classes.

Examples

  1. <w class="container">
  2.   <w class="row">
  3.     <w class="col col-6" type="textview">
  4.       1 of 2
  5.     </w>
  6.     <w class="col col-6" type="textview">
  7.       2 of 2
  8.     </w>
  9.   </w>
  10.   <w class="row">
  11.     <w class="col col-4" type="textview">
  12.       1 of 3
  13.     </w>
  14.     <w class="col col-4" type="textview">
  15.       2 of 3
  16.     </w>
  17.     <w class="col col-4" type="textview">
  18.       3 of 3
  19.     </w>
  20.   </w>
  21.   <w class="row">
  22.     <w class="col col-3" type="textview">
  23.       1 of 4
  24.     </w>
  25.     <w class="col col-3" type="textview">
  26.       2 of 4
  27.     </w>
  28.     <w class="col col-3" type="textview">
  29.       3 of 4
  30.     </w>
  31.     <w class="col col-3" type="textview">
  32.       4 of 4
  33.     </w>
  34.   </w>
  35.   <w class="row">
  36.     <w class="col col-2" type="textview">
  37.       1 of 6
  38.     </w>
  39.     <w class="col col-2" type="textview">
  40.       2 of 6
  41.     </w>
  42.     <w class="col col-2" type="textview">
  43.       3 of 6
  44.     </w>
  45.     <w class="col col-2" type="textview">
  46.       4 of 6
  47.     </w>
  48.     <w class="col col-2" type="textview">
  49.       5 of 6
  50.     </w>
  51.     <w class="col col-2" type="textview">
  52.       6 of 6
  53.     </w>
  54.   </w>
  55. </w>