alxshelepenok/gatsby-starter-lumen

@import "../../../assets/scss/variables";
@import "../../../assets/scss/mixins";

.author {
  border-top: 1px solid var(--color-page-border);
  max-width: $layout-post-width;
  @include padding-top(1);
  @include line-height(1);
  @include margin-top(1);
  @include margin-bottom(2);

  .bio {
    .twitter {
      display: block;
      text-decoration: underline;

      &:hover,
      &:focus {
        color: var(--color-typographic-link-s-font);
      }
    }
  }
}

@include breakpoint-sm {
  .author {
    margin-left: auto;
    margin-right: auto;
  }
}