- var title = "Grid"
- var path  = "../"
include ../_base
  prepend contents

    :markdown
      ##Grid

    - for (var p = 2; p <= 12; ++p) {
      .Grid._Preview
        - for (var n = 1; n <= p; ++n) {
          div(class="Col-1of#{p}")
            p col1of#{p}
        - }
    - }

    :markdown
      ```jade
      .Grid
        .Col-1of2: p col1of2
        .Col-1of2: p col1of2
      ```


    :markdown
      ##Grid - Extra

    .Grid._Preview
      .Col-1of3: p col1of4
      .Col-2of3: p col2of3

    .Grid._Preview
      .Col-1of4: p col1of4
      .Col-1of4: p col1of4
      .Col-2of4: p col2of4

    .Grid._Preview
      .Col-5of12: p col5of12
      .Col-2of12: p col2of12
      .Col-4of12: p col4of12
      .Col-1of12: p col1of12

    :markdown
      ```jade
      .Grid
        .Col-1of4: p col1of4
        .Col-1of4: p col1of4
        .Col-2of4: p col2of4
      ```