<div class="pattern">
  <div class="pattern-example font-mono lh-single mono-s1">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">10px</div>
  <div class="pattern-code mono-s3 fw300">.mono-s1</div>
</div>

<div class="pattern">
  <div class="pattern-example font-mono lh-single mono-s2">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">12px</div>
  <div class="pattern-code mono-s3 fw300">.mono-s2</div>
</div>

<div class="pattern">
  <div class="pattern-example 