@import "settings.colors";
@import "mixins/tools.mixins";

.c-article-meta {
  @include meta-text;
  margin-bottom: 0;
  padding-top: rem(10);
  padding-bottom: rem(10);
  border-top: 1px solid $color-stone-300;
  border-bottom: 1px solid $color-stone-200;
}
.c-article-meta__image {
  margin-right: 0;
  margin-bottom: rem(10);
}
.c-article-meta__bylines {
  color: $color-grey-900;
}
.c-article-meta__author-info {
  display: block;
  .c-byline {
    margin-right: rem(10);
  }
  .c-beat {
    display: inline;
  }
}
// this is essentially a copy of .c-label--card__content
// but is reproduced here for two reasons:
// 1. so that for the time being we don't need to include compnents.labels into the article page just for this label
// 2. eventually we should refactor labels into a more abstract implementation than today ie. closely tied to cards
.c-article-meta__unlimited {
  @include font-gm-sans-bold;
  padding: rem(4) rem(7);
  color: $color-white;
  text-transform: uppercase;
  font-size: rem(12);
  margin-top: rem(5);
  display: inline-block;
  letter-spacing: rem(1);
  line-height: rem(12);
  background-color: $color-stone-900;
}
