@import "tools.mixins";

@mixin article-list-heading {
  margin-bottom: 0;
  padding-bottom: rem(10);
  @include css-variables("font-size", 14);
  line-height: line-height(14, 15);
  text-transform: uppercase;
  color: $color-grey-900;
  letter-spacing: rem(1);
  border-bottom: 1px solid $color-stone-300;
}

@mixin c-article-list-small {
  .c-article-list__content--thumbnail .c-article-list__link {
    @include css-variables("font-size", 17);
    line-height: line-height(17, 20);

    .c-article-list__img-wrapper {
      width: 100%;
      max-width: rem(90);
      margin-left: rem(10);
    }
  }
}

@mixin c-article-list-large {
  .c-article-list__content--thumbnail .c-article-list__link {
    @include css-variables("font-size", 19);
    line-height: line-height(19, 22);

    .c-article-list__img-wrapper {
      width: 100%;
      max-width: rem(130);
      margin-left: rem(20);
    }
  }
}
