@import "tools.mixins";

@mixin author-info-sm {
  .o-author-info {
    @include grid-template-columns(1fr 1fr);
    @include grid-template-rows(auto);
  }

  .o-author-info__badges {
    @include grid-column(1, 2);
    @include grid-row(1, 2);
  }

  .o-author-info__details {
    @include grid-column(2, 3);
    @include grid-row(1, 2);
    padding-left: rem(10);
  }
}

@mixin author-info-md {
  .o-author-info {
    @include grid-template-columns(1fr);
    @include grid-template-rows(grid-repeat(2, auto));
  }
  .o-author-info__badges {
    @include grid-column(1, 2);
    @include grid-row(1, 2);
  }

  .o-author-info__details {
    @include grid-column(1, 2);
    @include grid-row(2, 3);
  }
  .o-author-info__badge-1 {
    margin-right: rem(10);
  }
}

@mixin author-info-lg {
  .o-author-info__badge-1 {
    margin-right: rem(20);
  }
}
