@mixin link-list-background-mapping {
  .link-list__item {
    @include bg-variants() {
      border-bottom-color: variant-property('divider');
    }
  }

  // ! Deprecation warning, do not use anymore. Will be removed in a later release use bg-variants function instead.

  .icon {
    .bg-brand--off-white & {
      color: $color-brand--one;
    }
  }

  .link-list__link,
  .icon {
    .bg-brand--blue &,
    .bg-brand--dark-blue & {
      color: $color-brand--white;
    }
  }

  .link-list__link,
  .icon {
    .bg-brand--yellow &,
    .bg-brand--turquoise & {
      color: $color-brand--two;
    }
  }

  .link-list__link,
  .icon {
    .bg-brand--red & {
      color: $color--two-180;
    }
  }

  .link-list__link,
  .icon {
    .bg-brand--yellow &,
    .bg-brand--turquoise & {
      color: $color-brand--two;
    }
  }

  .link-list__link,
  .icon {
    .bg-brand--red & {
      color: $color--two-180;
    }
  }
}
