---
data:
  type: hash
locale:
  type: string
i18n:
  type: hash
---
<section>
  <header>
    <h3>Added</h3>
  </header>
</section>

<section>
  <header>
    <h3>Expanded</h3>
  </header>

  <div class="border border-primary border-secondary-hover p-3 mt-3">border-primary border-secondary-hover</div>

  <div class="text-primary text-secondary-hover p-3 mt-3">text-primary text-secondary-hover</div>

  <div class="bg-primary bg-secondary-hover p-3 mt-3">bg-primary bg-secondary-hover</div>

  <div class="bg-primary bg-secondary-hover bg-opacity-50-hover p-3 mt-3">
    bg-primary bg-secondary-hover bg-opacity-50-hover
  </div>

  <div class="p-3 mt-3 text-start">text-start</div>

  <div class="p-3 mt-3 text-end">text-end</div>

  <div class="p-3 mt-3 text-center">text-center</div>
</section>