.author {
  padding-top: $spacing--m;
  margin-top: $spacing--m; // works with avatar__img issue 615

  .block__title {
    margin-bottom: $spacing--m;
  }

  .person {
    &__name {
      @include font-style($article-items-author-person-name-font-style, $article-items-author-person-name-font-style--l);
      color: $article-items-author-person-name-color;
    }
  }

  // viewport l
  @include viewport--l {
    padding-top: $spacing--l;
    margin-top: $spacing--l; // works with avatar__img issue 615

    .person {
      &__profile {
        display: flex;
      }

      &__info {
        flex: 0 1 auto; // set default needed for IE 10
      }

      &__title {
        margin-top: 0;
      }

      &__info p:not(.person__title),
      &__description {
        margin-top: $spacing--xs;
      }
    }
  }
}
