<commit_before>// Media Objects: Media objects wrap up a global design pattern for
// image + copy used to represent a piece of content.
//
// .o-media                           - a media object
// .o-media--sm                       - a media object with a small float-left asset & short headline
// .o-media--med                      - a media object with a medium float-left asset & full content details, and adapts to screen width
// .o-media--lg                       - a media object with a large full-width asset & full content details
//
// .o-media--last                     - utility to remove bottom marging from the last media object in a list
// .o-media--new-and-unread           - marks a media object as new and unread
// .o-media--block                    - block asset with full media content details
// .o-media--block-simple             - block asset with short headline
//
// .o-media__figure--cinematic        - 2.35:1 aspect ratio images
// .o-media__figure--four-by-three    - 4:3 aspect ratio images
// .o-media__figure--widescreen       - 16:9 aspect ratio images
//
// .o-media__headline--h1-verbose     - size down longer headlines so they fit on no more than two lines
//
// Styleguide 0.1.0

.o-media {
  @include clearfix;

  display: block;
  margin: 0;
}

.o-media__figure {
  $width: 100%;
  box-sizing: border-box;
  display: block;
  float: left;
  max-width: $width;
  overflow: hidden;
  position: relative;
  width: $width;

  &--cinematic {
    padding-top: $width / 2.35;
  }

  &--four-by-three {
    padding-top: $width / 1.33333;
  }

  &--widescreen {
    padding-top: $width / 1.77778;
  }

  &::before {
    box-sizing: border-box;
    content: '';
    display: block;
    position: relative;
  }
}

[class*='o-media__figure--'] {
  .o-media__img {
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.o-media__related-content {
  border-top: 2px solid lighten($color-primary, 40%);
  margin: $base-line-height 0 0;
  padding: $base-line-height 0 0;

  .o-media__headline {
    font-size: 1.14rem;
    font-weight: 500;
  }

  > .heading {
    margin-bottom: 1.375rem;
    text-transform: uppercase;
  }
}

.o-media__meta {
  display: block;
  margin: 1rem 0 0.25rem;
}

.o-media__indicator-visited {
  left: $base-line-height / -2;
  position: absolute;
  top: 1rem;
}

.o-media__headline {
  font-family: $font-serif-titling;
  line-height: 1.1em;
  margin: 0 0 1.125rem;

  &--h1 {
    font-size: ms(6);
    font-weight: 800;

    @include media-max($media-mobile) {
      font-size: ms(4);
    }
  }

  &--h1-verbose {
    font-size: ms(5);
    font-weight: 800;

    @include media-max($media-mobile) {
      font-size: ms(4);
    }
  }

  &--h2 {
    font-size: ms(5);
    font-weight: 800;
  }

  &--h3 {
    font-size: ms(4);
    line-height: 1.22222em;

    @include media-max($media-mobile) {
      font-size: ms(3);
    }
  }

  &--h4 {
    font-family: $font-sans-base;
    font-size: ms(1);
    line-height: 1.22222em;
  }

  &--h5 {
    font-family: $font-sans-base;
    font-size: ms(1);
    line-height: 1.22222em;
  }
}

.o-media__headline-link {
  position: relative;

  &:hover {
    @include link-underline(darken($color-gray-light, 10%));
  }

  &:visited {
    .o-media__indicator-visited path {
      fill: $color-gray;
      stroke: $color-gray;
    }
  }
}

.o-media__title {
  color: $color-gray-dark;
  line-height: 1.1em;
  margin: 0 0 1rem;

  &--h2 {
    font-size: ms(2);
  }

  &--h3 {
    font-size: ms(-1);
    line-height: 1.33333em;
  }
}

.o-media__entityTitle {
  display: inline-block;
  font-size: ms(-1);
  font-weight: 500;
  text-transform: uppercase;

  &--small {
    font-size: ms(-2);
  }
}

.o-media__overline {
  color: $color-secondary;
  display: block;
  font-size: ms(0);
  font-weight: 500;
  margin: 0 0 0.5rem;
  text-transform: uppercase;

  &--block {
    margin-top: 0.25rem;
  }
}

.o-media__label {
  color: $color-primary;
  display: inline-block;
  font-size: ms(-1);
  font-weight: 500;
  text-transform: uppercase;
}

.o-media__byline {
  color: $color-gray-dark;
  display: block;
  font-size: ms(-2);
  font-weight: 500;
}

.o-media__timestamp, &__source {
  color: $color-gray;
  font-size: ms(-2);
  font-weight: 500;
  text-transform: uppercase;
}<commit_msg>Remove ampersand selector operator that doesn't work with sass-rails.<commit_after>// Media Objects: Media objects wrap up a global design pattern for
// image + copy used to represent a piece of content.
//
// .o-media                           - a media object
// .o-media--sm                       - a media object with a small float-left asset & short headline
// .o-media--med                      - a media object with a medium float-left asset & full content details, and adapts to screen width
// .o-media--lg                       - a media object with a large full-width asset & full content details
//
// .o-media--last                     - utility to remove bottom marging from the last media object in a list
// .o-media--new-and-unread           - marks a media object as new and unread
// .o-media--block                    - block asset with full media content details
// .o-media--block-simple             - block asset with short headline
//
// .o-media__figure--cinematic        - 2.35:1 aspect ratio images
// .o-media__figure--four-by-three    - 4:3 aspect ratio images
// .o-media__figure--widescreen       - 16:9 aspect ratio images
//
// .o-media__headline--h1-verbose     - size down longer headlines so they fit on no more than two lines
//
// Styleguide 0.1.0

.o-media {
  @include clearfix;

  display: block;
  margin: 0;
}

.o-media__figure {
  $width: 100%;
  box-sizing: border-box;
  display: block;
  float: left;
  max-width: $width;
  overflow: hidden;
  position: relative;
  width: $width;

  &--cinematic {
    padding-top: $width / 2.35;
  }

  &--four-by-three {
    padding-top: $width / 1.33333;
  }

  &--widescreen {
    padding-top: $width / 1.77778;
  }

  &::before {
    box-sizing: border-box;
    content: '';
    display: block;
    position: relative;
  }
}

[class*='o-media__figure--'] {
  .o-media__img {
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.o-media__related-content {
  border-top: 2px solid lighten($color-primary, 40%);
  margin: $base-line-height 0 0;
  padding: $base-line-height 0 0;

  .o-media__headline {
    font-size: 1.14rem;
    font-weight: 500;
  }

  > .heading {
    margin-bottom: 1.375rem;
    text-transform: uppercase;
  }
}

.o-media__meta {
  display: block;
  margin: 1rem 0 0.25rem;
}

.o-media__indicator-visited {
  left: $base-line-height / -2;
  position: absolute;
  top: 1rem;
}

.o-media__headline {
  font-family: $font-serif-titling;
  line-height: 1.1em;
  margin: 0 0 1.125rem;

  &--h1 {
    font-size: ms(6);
    font-weight: 800;

    @include media-max($media-mobile) {
      font-size: ms(4);
    }
  }

  &--h1-verbose {
    font-size: ms(5);
    font-weight: 800;

    @include media-max($media-mobile) {
      font-size: ms(4);
    }
  }

  &--h2 {
    font-size: ms(5);
    font-weight: 800;
  }

  &--h3 {
    font-size: ms(4);
    line-height: 1.22222em;

    @include media-max($media-mobile) {
      font-size: ms(3);
    }
  }

  &--h4 {
    font-family: $font-sans-base;
    font-size: ms(1);
    line-height: 1.22222em;
  }

  &--h5 {
    font-family: $font-sans-base;
    font-size: ms(1);
    line-height: 1.22222em;
  }
}

.o-media__headline-link {
  position: relative;

  &:hover {
    @include link-underline(darken($color-gray-light, 10%));
  }

  &:visited {
    .o-media__indicator-visited path {
      fill: $color-gray;
      stroke: $color-gray;
    }
  }
}

.o-media__title {
  color: $color-gray-dark;
  line-height: 1.1em;
  margin: 0 0 1rem;

  &--h2 {
    font-size: ms(2);
  }

  &--h3 {
    font-size: ms(-1);
    line-height: 1.33333em;
  }
}

.o-media__entityTitle {
  display: inline-block;
  font-size: ms(-1);
  font-weight: 500;
  text-transform: uppercase;

  &--small {
    font-size: ms(-2);
  }
}

.o-media__overline {
  color: $color-secondary;
  display: block;
  font-size: ms(0);
  font-weight: 500;
  margin: 0 0 0.5rem;
  text-transform: uppercase;

  &--block {
    margin-top: 0.25rem;
  }
}

.o-media__label {
  color: $color-primary;
  display: inline-block;
  font-size: ms(-1);
  font-weight: 500;
  text-transform: uppercase;
}

.o-media__byline {
  color: $color-gray-dark;
  display: block;
  font-size: ms(-2);
  font-weight: 500;
}

.o-media__timestamp, .o-media__source {
  color: $color-gray;
  font-size: ms(-2);
  font-weight: 500;
  text-transform: uppercase;
}
{'fraction_non_alphanumeric': 0.15500513639995434, 'fraction_numerical': 0.03629722634402466, 'mean_word_length': 2.1780921291258615, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '7192236', 'n_tokens_mistral': 3522, 'n_tokens_neox': 3240, 'n_words': 758}