<a name="#layout"></a>
<article class="ts-text-container ts-container-margin-xl">
  <a name="#layout-grid"></a>
  <section>
    <h2>Layout
      <small>Grid System, and positioning</small>
    </h2>
    <p>There's a basic 12 column grid that's percent based. Rows and columns can be nested, and the box sizing property is set to:
      <span class="ts-code">border-box</span>
    </p>
  </section>
  <a name="#layout-grid-basicgrid"></a>
  <section>
    <% include _layout_grid %>
  </section>
  <a name="#layout-grid-nestedgrid"></a>
  <section>
    <% include _layout_nestedgrid %>
  </section>
  <a name="#layout-grid-responsivegrid"></a>
  <section>
    <% include _layout_responsivegrid %>
  </section>
  <a name="#layout-positioning"></a>
  <section>
    <% include _layout_position %>
      <% include _layout_box %>
        <% include _layout_heightwidth %>
          <% include _layout_containers %>
  </section>
</article>
<hr>