.x-card-intro {
  @extend %d-flex,
          %py-3,
          %px-0,
          %py-md-3,
          %px-md-2;

  .x-card-thumbnail {
    width: 3rem;

    @include media-breakpoint-up(md) {
      width: 3.5rem;
    }

    @include media-breakpoint-up(lg) {
      width: 4.5rem;
    }
  }
}

.x-card-intro-content {
  @extend %pl-3,
          %pl-lg-4,
          %flex-1;
  .x-title h6 {
    @include custom-theme-color(primary-darker, color);
    font-weight: $font-weight-medium;
  }

  p {
    @extend %mb-0,
            %font-size-sm;

    .x-aside-dark & {
      color: theme-color("light");
    }
  }
}