n example hx-text-negative">hx-text-negative</div>
  <div class="hx-section example hx-text-info">hx-text-info</div>
  <div class="hx-section example hx-text-compliment">hx-text-compliment</div>
  <div class="hx-section example hx-text-contrast">hx-text-contrast</div>
</div>

<div class="hx-layout hx-group hx-horizontal">
  <div class="hx-section example hx-background-default">hx-background-default</div>
  <div class="hx-section example hx-background-positive">hx-background-positive</div>
  <div class="hx-s