<commit_before>// Posts and pages
//
// Each post is wrapped in `.post` and is used on default and post layouts. Each
// page is wrapped in `.page` and is only used on the page layout.

.page,
.post {
  margin-bottom: 4em;

  li + li {
    margin-top: .25rem;
  }
}

// Wrapper for post/page header
.page-header,
.post-header {
  margin-bottom: 2rem;

  .page-header-inner,
  .post-header-inner {
    @include section-heading;

    a {
      color: inherit;
    }

    // Custom modifier for posts with external links
    &.post-external-link {
      color: $post-header-external-color;

      a {
        color: $post-header-external-color;
      }
    }
  }

  &.with-image {
    width: 100%;

    img {
      display: none;

      @media (min-width: $media-breakpoint-md) {
        display: block;
        width: 100%;
        min-height: 400px;
        max-height: 500px;
        // Similar to `background-size: cover`
        object-fit: cover;
      }
    }

    @media (min-width: $media-breakpoint-md) {
      position: relative;

      .page-header-inner,
      .post-header-inner {
        position: absolute;
        bottom: 1.5rem;
        max-width: 70%;
      }
    }
  }
}

// Blog post or page title
.page-title,
.post-title {
  margin-top: 0;
  margin-bottom: 0;
  color: $post-header-title-color;
}

// Meta data line below post title
.post-date,
.post-meta,
.page-meta {
  display: block;
  margin: .5rem 0;
  font-size: 1.25rem;
  line-height: 1.25;
}

// Post reading time
.post-reading-time {
  display: block;
  margin-top: -.5rem;
  margin-bottom: .5rem;
}<commit_msg>[rdbt] give bottom space in post header image some breathing space<commit_after>// Posts and pages
//
// Each post is wrapped in `.post` and is used on default and post layouts. Each
// page is wrapped in `.page` and is only used on the page layout.

.page,
.post {
  margin-bottom: 4em;

  li + li {
    margin-top: .25rem;
  }
}

// Wrapper for post/page header
.page-header,
.post-header {
  margin-bottom: 2rem;

  .page-header-inner,
  .post-header-inner {
    @include section-heading;

    a {
      color: inherit;
    }

    // Custom modifier for posts with external links
    &.post-external-link {
      color: $post-header-external-color;

      a {
        color: $post-header-external-color;
      }
    }
  }

  &.with-image {
    width: 100%;

    img {
      display: none;

      @media (min-width: $media-breakpoint-md) {
        display: block;
        width: 100%;
        min-height: 400px;
        max-height: 500px;
        // Similar to `background-size: cover`
        object-fit: cover;
      }
    }

    @media (min-width: $media-breakpoint-md) {
      position: relative;

      .page-header-inner,
      .post-header-inner {
        position: absolute;
        bottom: 3rem;
        max-width: 70%;
      }
    }
  }
}

// Blog post or page title
.page-title,
.post-title {
  margin-top: 0;
  margin-bottom: 0;
  color: $post-header-title-color;
}

// Meta data line below post title
.post-date,
.post-meta,
.page-meta {
  display: block;
  margin: .5rem 0;
  font-size: 1.25rem;
  line-height: 1.25;
}

// Post reading time
.post-reading-time {
  display: block;
  margin-top: -.5rem;
  margin-bottom: .5rem;
}
{'fraction_non_alphanumeric': 0.13693972179289027, 'fraction_numerical': 0.01947449768160742, 'mean_word_length': 2.0242990654205606, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7184641', 'n_tokens_mistral': 1201, 'n_tokens_neox': 1117, 'n_words': 300}