<commit_before>/*------------------------------------*\
  #PHOTO
\*------------------------------------*/

/* The primary class for displaying images that take up the full-width allowed
 * to them.
 *
 * Usage:

    <figure>
      <img class="photo" src="/img/example.jpg" alt="An Example Image">
      <figcaption class="photo__caption">A caption that appears below the
        image.</figcaption>
    </figure>

 */

.photo {
  // Keeps the photo and caption close together.
  margin-bottom: $small-spacing-unit;
}
<commit_msg>Apply a grayscale filter to .photo classes<commit_after>/*------------------------------------*\
  #PHOTO
\*------------------------------------*/

/* The primary class for displaying images that take up the full-width allowed
 * to them.
 *
 * Usage:

    <figure>
      <img class="photo" src="/img/example.jpg" alt="An Example Image">
      <figcaption class="photo__caption">A caption that appears below the
        image.</figcaption>
    </figure>

 */

.photo {
  @extend %grayscale;

  // Keeps the photo and caption close together.
  margin-bottom: $small-spacing-unit;
}

{'fraction_non_alphanumeric': 0.24504504504504504, 'fraction_numerical': 0.0, 'mean_word_length': 1.8708010335917313, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, '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': '3493113', 'n_tokens_mistral': 316, 'n_tokens_neox': 296, 'n_words': 94}