Shian/src/sass/components/_postheader.scss

.post-header {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    @include my(0.5rem);
  }
  &__tag-row {
    padding-top: 1rem;
    @include screen(md) {
      padding-top: 0;
    }

    * {
      display: inline-block;
      padding-right: 0.25rem;
    }
  }

  &__tag-heading {
    display: flex;
    flex-direction: row;
    h1 {
        margin-left: 0.5rem;
    }
  }
  &__tag-heading-color {
    display: inline-block;
    border-radius: 9999px;
    vertical-align: text-bottom;
    height: 4rem;
    width: 4rem;
  }

  &__tag-color {
    display: inline-block;
    border-radius: 9999px;
    vertical-align: text-bottom;
    height: 1rem;
    width: 1rem;
  }
  &__tag-name {
    font-size: $text-base;
    &:hover {
      text-decoration: underline;
    }
  }
  &__paywall {
    font-size: $text-base;
    &:hover {
      text-decoration: underline;
    }
    color: var(--accent-color);
  }

  &__time {
    font-size: $text-sm;
  }

  &__author-list {
    font-size: $text-sm;
    display: flex;
    flex-direction: row;
    justify-content: center;
    @include my(0.5rem);
    @include py(0.5rem);
  }
  &__author-images {
    display: flex;
    flex-direction: row;
  }
  &__author-image {
    height: 2rem;
    margin-left: 0.25rem;
    margin-right: 0.75rem;

    img {
      border-radius: 9999px;
      height: 100%;
    }
  }
  &__author-names {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;

    a:hover {
      text-decoration: underline;
    }
  }
}