@mixin blog-overview-background-mapping {
  .bg-brand--dark-blue.text-placeholder {
    color: $color-brand--one;
  }

  .blog-overview__article:hover {
    @include bg-variants() {
      .blog-overview__title {
        color: variant-property('linkIdle');
      }
    }
  }

  .blog-overview__media {
    @include bg-variants($isChained: true) {
      .text-placeholder__text--top {
        color: variant-property('titlePrimary');
      }
      .text-placeholder__text--bottom {
        color: variant-property('titleSecondary');
      }
    }
  }

  .blog-overview__title {
    @include bg-variants() {
      color: variant-property('titlePrimary');
    }
  }
}
