<div style="padding: var(--size-4);">
    <h1 class="mexican-pink">H1 The quick brown fox jumps over the lazy dog</h1>
    <hr class="mexican-pink">
    <h2 class="mexican-pink">H2 The quick brown fox jumps over the lazy dog</h2>
    <hr class="mexican-pink">
    <h3 class="mexican-pink">H3 The quick brown fox jumps over the lazy dog</h3>
    <hr class="mexican-pink">
    <h4 class="mexican-pink">H4 The quick brown fox jumps over the lazy dog</h4>
    <hr class="mexican-pink">
    <h5 class="mexican-pink">H5 The quick brown fox jumps over the lazy dog</h5>
    <hr class="mexican-pink">
    <h6 class="mexican-pink">H6 The quick brown fox jumps over the lazy dog</h6>
</div>
<div style="padding: var(--size-4);">
  <h1 {{#if modifier}}class="{{modifier}}"{{/if}}>H1 The quick brown fox jumps over the lazy dog</h1>
  <hr {{#if modifier}}class="{{modifier}}"{{/if}}>
  <h2 {{#if modifier}}class="{{modifier}}"{{/if}}>H2 The quick brown fox jumps over the lazy dog</h2>
  <hr {{#if modifier}}class="{{modifier}}"{{/if}}>
  <h3 {{#if modifier}}class="{{modifier}}"{{/if}}>H3 The quick brown fox jumps over the lazy dog</h3>
  <hr {{#if modifier}}class="{{modifier}}"{{/if}}>
  <h4 {{#if modifier}}class="{{modifier}}"{{/if}}>H4 The quick brown fox jumps over the lazy dog</h4>
  <hr {{#if modifier}}class="{{modifier}}"{{/if}}>
  <h5 {{#if modifier}}class="{{modifier}}"{{/if}}>H5 The quick brown fox jumps over the lazy dog</h5>
  <hr {{#if modifier}}class="{{modifier}}"{{/if}}>
  <h6 {{#if modifier}}class="{{modifier}}"{{/if}}>H6 The quick brown fox jumps over the lazy dog</h6>
</div>
{
  "modifier": "mexican-pink"
}

No notes defined.