Color de fondo

Establezca fácilmente el fondo de un elemento en cualquier clase contextual.

<div class="row mb-2">
   <div class="col-sm-12 col-md-4 flex jc--center bg--primary p-2">
      <p class="text-title">primary</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--secondary p-2">
      <p class="text-title">secondary</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--third p-2">
      <p class="text-title">third</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--info p-2">
      <p class="text-title">info</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--danger p-2">
      <p class="text-title">danger</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--warning p-2">
      <p class="text-title">warning</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--gray p-2">
      <p class="text-title">gray</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--success p-2">
      <p class="text-title">success</p>
   </div>
   <div class="col-sm-12 col-md-4 flex jc--center bg--dark p-2">
      <p class="text-title">dark</p>
   </div>
</div>