@mixin list-item-background-mapping {
  // ! Deprecate
  .list-item__link {
    .bg-brand--dark-blue & {
      &,
      &:active,
      &:visited,
      &:hover {
        color: $color-brand--three;
      }
    }

    .bg-brand--blue &,
    .bg-brand--turquoise &,
    .bg-brand--red & {
      &,
      &:active,
      &:visited,
      &:hover {
        color: $color-brand--four;
      }
    }
  }
}
