There are no notes for this item.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="pattern">
  <div class="pattern-example font-sans lh-single sans-s10">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">100px</div>
  <div class="pattern-code mono-s3 fw300">.sans-s10</div>
</div>
/* No context defined for this component. */