Background-color

El background-color es una clase utilitaria para ser usada en vistas y creación de componentes

Demostración

.bg-primary-100

.bg-primary-500

.bg-primary-900

.bg-secondary-100

.bg-secondary-200

.bg-secondary-500

.bg-success-100

.bg-success-500

.bg-danger-100

.bg-danger-500

.bg-basic-50

.bg-basic-100

.bg-basic-200

.bg-basic-500

.bg-basic-900

  <p class="bg-primary-100">.bg-primary-100</p>
  <p class="bg-primary-500 text-basic-50">.bg-primary-500</p>
  <p class="bg-primary-900 text-basic-50">.bg-primary-900</p>
  <p class="bg-secondary-100">.bg-secondary-100</p>
  <p class="bg-secondary-200">.bg-secondary-200</p>
  <p class="bg-secondary-500">.bg-secondary-500</p>
  <p class="bg-success-100">.bg-success-100</p>
  <p class="bg-success-500">.bg-success-500</p>
  <p class="bg-danger-100">.bg-danger-100</p>
  <p class="bg-danger-500">.bg-danger-500</p>
  <p class="bg-basic-50">.bg-basic-50</p>
  <p class="bg-basic-100">.bg-basic-100</p>
  <p class="bg-basic-200">.bg-basic-200</p>
  <p class="bg-basic-500">.bg-basic-500</p>
  <p class="bg-basic-900 text-basic-50">.bg-basic-900</p>