_post.scss

.container {
  .post__header {
    display: flex;
    color: $gray_dark;
    margin-bottom: $gap_medium;
  }

  .post__date {
    margin-right: $gap_medium;
  }

  .post__title {
    margin: $gap_medium 0;
  }

  .post__authors {
    padding: 0;
    list-style: none;
  }

  .author__item {
    color: $gray;
  }

  .author__link {
    &:link,
    &:visited {
      color: $gray;
    }
  }

  .post__thumbnail {
    @include thumbnail(160px, 160px);
    min-width: 160px;
  }
}

.post {
  // 見出しの大きさを小さくする
  h1 {
    font-size: $h1_font_size * 0.9;
  }

  h2 {
    font-size: $h2_font_size * 0.9;
  }

  h3 {
    font-size: $h3_font_size * 0.9;
  }

  h4 {
    font-size: $h4_font_size * 0.9;
  }

  h5 {
    font-size: $h5_font_size * 0.9;
  }

  h6 {
    font-size: $h6_font_size * 0.9;
  }

  @include media_small {
    // 見出しの大きさを小さくする
    h1 {
      font-size: $h1_font_size * 0.7;
    }

    h2 {
      font-size: $h2_font_size * 0.7;
    }

    h3 {
      font-size: $h3_font_size * 0.7;
    }

    h4 {
      font-size: $h4_font_size * 0.7;
    }

    h5 {
      font-size: $h5_font_size * 0.7;
    }

    h6 {
      font-size: $h6_font_size * 0.7;
    }
  }
}