4 Layout

Description to come...

4.1.1 Page layout, one column

<div class="l-full">
  <div class="l-item__main"></div>
</div>

4.1.2 Page layout, two columns

.l-half

Split in two

.l-two-one

Main left with small right

.l-one-two

Main right with small aside to left

<div class="{$modifiers} doc-visualize">
  <div class="l-item__main"></div>
  <div class="l-item__aside"></div>
</div>

4.1.3 Page layout, three columns

<div class="l-one-two-one doc-visualize">
  <div class="l-item__main"></div>
  <div class="l-item__aside-first"></div>
  <div class="l-item__aside-second"></div>
</div>

4.2.1 Layout

<div class="l-half doc-visualize">
  <div class="l-item"></div>
  <div class="l-item"></div>
</div>