List Component

<div class="spr-container">
  <div class="spr-lst-title">
    <strong>February 2019 Transactions</strong>
  </div>
  <div class="spr-lst-items">
    <div class="spr-lst-item">
      <div class="spr-lst-item-column-left">
        <div class="spr-lst-item-title">SQ *FAMILIARS cafe</div>
        <div class="spr-lst-item-desc">Repair & Maintenance</div>
        <div class="spr-lst-item-desc">Pending</div>
      </div>
      <div class="spr-lst-item-column-right">
        <strong>$8.79</strong>
        <div class="spr-lst-item-desc">Oct 7, 2019</div>
      </div>
    </div>
    <div class="spr-lst-item">
      <div class="spr-lst-item-column-left">
        <div class="spr-lst-item-title">SQ *thousand hills coffee</div>
        <div class="spr-lst-item-desc">Restaurant</div>
      </div>
      <div class="spr-lst-item-column-right">
        <strong>$3.00</strong>
      </div>
    </div>
    <div class="spr-lst-item">
      <div class="spr-lst-item-column-left">
        <div class="spr-lst-item-title">Card Payment</div>
        <div class="spr-lst-item-desc">Payment</div>
      </div>
      <div class="spr-lst-item-column-right">
        <strong>-$5432.34</strong>
        <div class="spr-lst-item-desc">Oct 7, 2019</div>
      </div>
    </div>
  </div>
</div>

@import 'components/list';