<div class="row">
    <div class="col col--1">
        <div class="box">1</div>
    </div>
    <div class="col col--2">
        <div class="box">2</div>
    </div>
    <div class="col col--2">
        <div class="box">2</div>
    </div>
    <div class="col col--3">
        <div class="box">3</div>
    </div>
    <div class="col col--4">
        <div class="box">4</div>
    </div>
</div>
<div class="row">
  <div class="col col--1"><div class="box">1</div></div>
  <div class="col col--2"><div class="box">2</div></div>
  <div class="col col--2"><div class="box">2</div></div>
  <div class="col col--3"><div class="box">3</div></div>
  <div class="col col--4"><div class="box">4</div></div>
</div>
/* No context defined. */