@import "tools.mixins";

@mixin author-image-sm {
  .o-author-header__content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    @include grid-template-columns(rem(10) 1fr 1fr rem(10));
    @include grid-template-rows(1fr);
  }
  .o-author-image {
    @include grid-column(2, 3);
    @include grid-row(1, 2);
    padding-bottom: 0;
  }
  .o-author-meta {
    @include grid-column(3, 4);
    @include grid-row(1, 2);
    padding-left: rem(10);
  }
}

@mixin author-image-md {
  .o-author-header__content {
    @include grid-template-columns(rem(10) rem(610) rem(300) rem(10));
  }
  .o-author-meta {
    padding-left: rem(20);
  }
}

@mixin author-image-lg {
  .o-author-header__content {
    @include grid-template-columns(rem(10) rem(770) rem(460) rem(10));
  }
}
