<commit_before>.l-tool-promos {
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-m) {
      display: block;
      flex-flow: row nowrap;
      flex-wrap: nowrap;
    }

    @include respond-to($mq-l) {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;

      &:after {
        @include column(12);
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px solid $color-grey-seven;
        position: relative;
        top: -1px;
      }
    }
  }
}

.l-tool-promos__heading {
  @extend %font-heading-medium;
  @include body(30, 34);
  color: $color-heading-extra-small;
  margin-top: 0;
  margin-bottom: $baseline-unit*2;
  padding-right: $baseline-unit*9;

  @include respond-to($mq-l) {
    max-width: 200px;
  }

  @include respond-to($mq-xl) {
    padding-right: 0;
  }
}

.l-tool-promos__item {
  @include column(12);
  margin-bottom: $baseline-unit*1;
  position: relative;
  border-top: 1px solid $color-grey-seven;
  padding-top: $baseline-unit*3;
  padding-bottom: $baseline-unit*2;

  &:nth-child(2),
  &:first-child {
    border-top: 0;
  }

  &:first-child {
    border-bottom: 2px solid $color-true-black;
    z-index: 1;
  }

  &:hover,
  &:focus {
    .promo__arrow {
      fill: $color-button-primary-active;
    }

    .l-tool-promos__view-all {
      text-decoration: underline;
    }
  }

  &:hover &,
  &:focus & {
    text-decoration: none;
  }

  @include respond-to($mq-m) {
    @include column(6);
    float: right;
    clear: right;

    &:first-of-type {
      float: left;
      clear: none;
    }
  }

  @include respond-to($mq-l) {
    @include column(3);
    border-top: 0;
    margin-bottom: 0;
  }

  .flexbox & {
    @include respond-to($mq-l) {
      flex-basis: 21.55%;
    }
  }

  .l-promos--articles & {
    border-top: 0;
  }
}

.l-promos--articles {
  .l-promos__item {
    .flexbox & {
      @include respond-to($mq-s) {
        flex-basis: 46%;
      }
    }
  }
}

.l-tool-promos__view-all {
  @extend %font-heading-medium;
  text-align: left;
  padding-bottom: $baseline-unit*3;
}

.l-promo-articles {
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*7;
  }

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-s) {
      flex-flow: row;
      flex-wrap: wrap;
    }
  }
}

.l-promo-articles__heading {
  @extend %font-heading-medium;
  @include column(12);
  @include body(16, 24);
  color: $color-heading-extra-small;
  margin-top: $baseline-unit*6;
  margin-bottom: $baseline-unit*2;
}

.l-promo-articles__item {
  @include column(12);
  margin-top: $baseline-unit*3;
  margin-bottom: $baseline-unit*3;
  min-height: 133px;

  @include respond-to($mq-s) {
    @include column(6);
  }

  @include respond-to($mq-l) {
    @include column(3);
  }

  .flexbox & {
    @include respond-to($mq-s) {
      flex-basis: 46.6666667%;
    }

    @include respond-to($mq-l) {
      flex-basis: 21.55%;
    }
  }
}

.l-promo-articles__item--no-image {
  min-height: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMSI+PHBhdGggZmlsbD0iIzYxQTc0NCIgZD0iTTAgMGg2djFIMHoiLz48L3N2Zz4=) repeat-y; // using background instead of border-left due to ie flex box issues
  background-size: 6px 1px;

  @include respond-to($mq-l) {
    @include column(6);
  }

  .flexbox & {
    @include respond-to($mq-l) {
      flex-basis: 46%;
    }
  }
}

.l-promo-articles__noimages {
  clear: both;
  width: 100%;
}

.l-tool-promos__calculator {
  position: absolute;
  right: 0;
  top: $baseline-unit*3;
}

<<<<<<< HEAD
.l-promo-corporate {
  @include row(12);
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*3;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*5;
  }

  .flexbox & {
    @include respond-to($mq-s) {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
=======
// Promo partnerships

.l-promo-partnerships {
  @extend .clearfix;
  @include row(12);
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*7;
  }

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-s) {
      flex-flow: row;
      flex-wrap: wrap;
>>>>>>> Add syndication page and style
    }
  }
}

<<<<<<< HEAD
.l-promo-corporate__item {
  @include column(12);
  margin-top: $baseline-unit*2;
  margin-bottom: $baseline-unit*2;
=======
.l-promo-partnerships__item {
  @include column(12);
  margin-top: $baseline-unit*3;
  margin-bottom: $baseline-unit*3;
  min-height: 133px;
>>>>>>> Add syndication page and style

  @include respond-to($mq-s) {
    @include column(6);
  }

<<<<<<< HEAD
  .flexbox & {
    @include respond-to($mq-s) {
      margin-left: 0;
      margin-right: 7%;
      flex: 0 0 46%;

      &:nth-child(even) {
        margin-right: 0;
      }
=======
  @include respond-to($mq-l) {
    @include column(3);
  }

  .flexbox & {
    @include respond-to($mq-s) {
      flex-basis: 46.49%;
    }

    @include respond-to($mq-l) {
      flex-basis: 29.91%;
>>>>>>> Add syndication page and style
    }
  }
}<commit_msg>Fix rebase conflicts on _promos.scss<commit_after>.l-tool-promos {
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-m) {
      display: block;
      flex-flow: row nowrap;
      flex-wrap: nowrap;
    }

    @include respond-to($mq-l) {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;

      &:after {
        @include column(12);
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px solid $color-grey-seven;
        position: relative;
        top: -1px;
      }
    }
  }
}

.l-tool-promos__heading {
  @extend %font-heading-medium;
  @include body(30, 34);
  color: $color-heading-extra-small;
  margin-top: 0;
  margin-bottom: $baseline-unit*2;
  padding-right: $baseline-unit*9;

  @include respond-to($mq-l) {
    max-width: 200px;
  }

  @include respond-to($mq-xl) {
    padding-right: 0;
  }
}

.l-tool-promos__item {
  @include column(12);
  margin-bottom: $baseline-unit*1;
  position: relative;
  border-top: 1px solid $color-grey-seven;
  padding-top: $baseline-unit*3;
  padding-bottom: $baseline-unit*2;

  &:nth-child(2),
  &:first-child {
    border-top: 0;
  }

  &:first-child {
    border-bottom: 2px solid $color-true-black;
    z-index: 1;
  }

  &:hover,
  &:focus {
    .promo__arrow {
      fill: $color-button-primary-active;
    }

    .l-tool-promos__view-all {
      text-decoration: underline;
    }
  }

  &:hover &,
  &:focus & {
    text-decoration: none;
  }

  @include respond-to($mq-m) {
    @include column(6);
    float: right;
    clear: right;

    &:first-of-type {
      float: left;
      clear: none;
    }
  }

  @include respond-to($mq-l) {
    @include column(3);
    border-top: 0;
    margin-bottom: 0;
  }

  .flexbox & {
    @include respond-to($mq-l) {
      flex-basis: 21.55%;
    }
  }

  .l-promos--articles & {
    border-top: 0;
  }
}

.l-promos--articles {
  .l-promos__item {
    .flexbox & {
      @include respond-to($mq-s) {
        flex-basis: 46%;
      }
    }
  }
}

.l-tool-promos__view-all {
  @extend %font-heading-medium;
  text-align: left;
  padding-bottom: $baseline-unit*3;
}

.l-promo-articles {
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*7;
  }

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-s) {
      flex-flow: row;
      flex-wrap: wrap;
    }
  }
}

.l-promo-articles__heading {
  @extend %font-heading-medium;
  @include column(12);
  @include body(16, 24);
  color: $color-heading-extra-small;
  margin-top: $baseline-unit*6;
  margin-bottom: $baseline-unit*2;
}

.l-promo-articles__item {
  @include column(12);
  margin-top: $baseline-unit*3;
  margin-bottom: $baseline-unit*3;
  min-height: 133px;

  @include respond-to($mq-s) {
    @include column(6);
  }

  @include respond-to($mq-l) {
    @include column(3);
  }

  .flexbox & {
    @include respond-to($mq-s) {
      flex-basis: 46.6666667%;
    }

    @include respond-to($mq-l) {
      flex-basis: 21.55%;
    }
  }
}

.l-promo-articles__item--no-image {
  min-height: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMSI+PHBhdGggZmlsbD0iIzYxQTc0NCIgZD0iTTAgMGg2djFIMHoiLz48L3N2Zz4=) repeat-y; // using background instead of border-left due to ie flex box issues
  background-size: 6px 1px;

  @include respond-to($mq-l) {
    @include column(6);
  }

  .flexbox & {
    @include respond-to($mq-l) {
      flex-basis: 46%;
    }
  }
}

.l-promo-articles__noimages {
  clear: both;
  width: 100%;
}

.l-tool-promos__calculator {
  position: absolute;
  right: 0;
  top: $baseline-unit*3;
}

.l-promo-corporate {
  @include row(12);
  @extend .clearfix;
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*3;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*5;
  }

  .flexbox & {
    @include respond-to($mq-s) {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
  }
}

.l-promo-corporate__item {
  @include column(12);
  margin-top: $baseline-unit*2;
  margin-bottom: $baseline-unit*2;

  @include respond-to($mq-s) {
    @include column(6);
  }

  .flexbox & {
    @include respond-to($mq-s) {
      margin-left: 0;
      margin-right: 7%;
      flex: 0 0 46%;

      &:nth-child(even) {
        margin-right: 0;
      }
    }
  }
}

// Promo partnerships

.l-promo-partnerships {
  @extend .clearfix;
  @include row(12);
  overflow: hidden;
  position: relative;
  margin-top: $baseline-unit*6;

  @include respond-to($mq-l) {
    margin-top: $baseline-unit*7;
  }

  .flexbox & {
    display: flex;
    flex-flow: column;

    @include respond-to($mq-s) {
      flex-flow: row;
      flex-wrap: wrap;
    }
  }
}

.l-promo-partnerships__item {
  @include column(12);
  margin-top: $baseline-unit*3;
  margin-bottom: $baseline-unit*3;
  min-height: 133px;

  @include respond-to($mq-s) {
    @include column(6);
  }

  @include respond-to($mq-l) {
    @include column(3);
  }

  .flexbox & {
    @include respond-to($mq-s) {
      flex-basis: 46.49%;
    }

    @include respond-to($mq-l) {
      flex-basis: 29.91%;
    }
  }
}
{'fraction_non_alphanumeric': 0.16539162112932604, 'fraction_numerical': 0.027777777777777776, 'mean_word_length': 2.516170349023375, 'pattern_counts': {'":': 0, '<': 24, '<?xml version=': 0, '>': 24, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '2765050', 'n_tokens_mistral': 4718, 'n_tokens_neox': 4375, 'n_words': 746}