@mixin list-items-list-background-mapping {
  .list-items:after {
    @include bg-variants {
      background: variant-property('background');
    }
  }

  // ! Deprecate
  .list-items::after {
    .bg-brand--blue & {
      background: $color-brand--one;
    }

    .bg-brand--dark-blue & {
      background: $color-brand--two;
    }

    .bg-brand--turquoise & {
      background: $color-brand--three;
    }

    .bg-brand--red & {
      background: $color-brand--five;
    }

    .bg-brand--yellow & {
      background: $color-brand--six;
    }

    .bg-brand--white & {
      background: $color-brand--white;
    }

    .bg-brand--off-white & {
      background: $color-brand--four;
    }
  }
}
