<commit_before>@stories_font_size: 18px;
.stories {
  font-size: @stories_font_size;
  line-height: 30px;
  color: @gray;
  h1, h2, h3, h4, h5, h6 {
    color: @grayDark;
    font-weight: normal;
    line-height: 1em;
    margin: 1em 0 @stories_font_size;
  }
  h3 {
    font-size: 24px;
  }
  a {
    transition: 400ms ease-in-out;
    &:hover {
      transition: 200ms ease-in-out;
    }
  }
  p {
    margin-bottom: 1em;
  }
  blockquote {
    .clearfix();
    font-style: italic;
    max-width: (70px * 10);
    border: none;
    margin: 20px auto;
    > p {
      font-size: 20px;
      line-height: 30px;
      font-family: @serifFontFamily;
      padding-left: 20px;
      margin-bottom: 0;
      border-left: 1px solid @white;
    }
    cite {
      @line: @fontSizeSmall;
      @margin: (@line / 3);
      display: block;
      float: right;
      position: relative;
      img {
        @img: (@line * 3);
        .outlineFlat(fade(@black, 13));
        position: absolute;
        width: @img;
        height: @img;
        top: ((((@line * 2) + @margin) - @img) / 2);
        left: (-@img - @line);
        border-radius: (@img / 2);
      }
      p {
        line-height: @line;
        font-size: @line;
        font-weight: bold;
        margin-bottom: @margin;
      }
    }
  }
  .tooltip {
    .tooltip-inner {
      font-size: @baseFontSize; // BS RESET
      padding: .5em 1em; // BS RESET
    }
  }
}
.stories-head {
  .flexy(center, center, column);
  background-color: @blueDarker;
  background-image: linear-gradient(to bottom, @blueDarker 66%, @blueDarkest 100%);
  height: 75vh;
  color: @white;
}
.shopify-logo {
  max-width: (70px * 3);
  max-height: 70px;
}
.stories-body {
  max-width: 940px;
  margin: 0 auto;
  blockquote {
    margin: 3em auto;
    > p {
      border-left: 1px solid @grayLighter;
    }
  }
}
.stories-stats {
  width: 100%;
  ul {
    .flexy();
    list-style: none;
    margin: 5vh 0;
  }
  li {
    .flex(1, 1, auto);
    .flexy(center, center, column);
    span {
      display: block;
      &:first-child {
        text-transform: uppercase;
      }
      &:last-child {
        font-size: 60px;
        line-height: 1em;
      }
    }
  }
}
.stories-buckets {
  @columns: 3;
  .flexy(stretch, space-between);
  margin: 3em 0;
  article {
    width: (round(100% / @columns) - 1);
    text-align: center;
  }
  i {
    font-size: 2em;
  }
}
.stories-procedure {
  @color: @gray;
  .slot {
    fill: @color;
  }
  .step {
    &:hover {
      .track,
      .direction,
      .pin {
        stroke-width: 10;
        transition: stroke-width 200ms;
        transition-timing-function: cubic-bezier(0.5, -1, 0.5, 2);
      }
      p {
        color: @color;
        padding: 0 (@stories_font_size * 2) 0 0;
        transition: padding 200ms, color 200ms;
        &.right {
          padding: 0 0 0 (@stories_font_size * 2);
        }
      }
    }
  }
  .touch {
    fill: none;
    stroke: transparent;
    stroke-width: 50; // increases hover area
    cursor: pointer;
  }
  .track {
    fill: none;
    stroke: @color;
    stroke-width: 2;
    transition: stroke-width 400ms;
    stroke-linecap: round;
  }
  .direction {
    fill: @color;
    stroke: @color;
    stroke-width: 0;
    transition: stroke-width 400ms;
  }
  .pin {
    stroke-width: 0;
    transition: stroke-width 400ms;
  }
  .passing {
    .track,
    .direction {
      stroke: @green;
    }
    .direction,
    .pin {
      fill: @green;
      stroke: @green;
    }
  }
  .failing {
    .track,
    .direction {
      stroke: @redLight;
    }
    .direction,
    .pin {
      fill: @redLight;
      stroke: @redLight;
    }
  }
  .mask {
    fill: @white;
  }
  p {
    .flexy(center);
    margin: 0;
    padding: 0 @stories_font_size 0 @stories_font_size;
    color: fade(@color, 0);
    text-align: center;
    pointer-events: none;
    transition: padding 300ms, color 300ms;
  }
}
.stories-cta {
  width: 350px;
  margin: 13em auto;
  h3 {
    margin-bottom: 0;
  }
  a {
    font-size: @baseFontSize;
  }
  form {
    margin-top: 1em;
    [type="text"] {
      background: @white;
    }
  }
  .submit {
    .flexy(center, flex-end);
    [type="submit"] {
      .circleButton(@grayLightest, @green);
      margin-top: 1em;
    }
  }
}
// AB TEST FOR STORIES_AB_SPLIT
.stories {
  .cta-contianer {
    margin: 30px 0 80px 0;
    .flexy(center, center, row);
    > div {
      width: 250px;
    }
    .submit {
    .flexy(center, flex-end);
    [type="submit"] {
      .circleButton(@grayLightest, @green);
      margin-top: 1em;
    }
  }
    .seperator {
      .flexy(center, center, column);
      .line {
        .flexy(center, center, column);
        width: 2px;
        height: 150px;
        background: @black;
        div {
          padding: 10px;
          background: white;
          font-size: 26px;
        }
      }
    }
    form {
      .adaptive-inline {
        .displayFlex;
        div:nth-of-type(1) {
          input {
            border-radius: 1.5em 0 0 1.5em;
          }
        }
        div:nth-of-type(2) {
          input {
            border-radius:  0 1.5em 1.5em 0;
          }
        }
      }
    }
    button {
      .center;
      padding: 5px 10px;
      float: none;
      background: @circleBlue;
      &:hover {
        background: @circleBlueDark;
      }
      color: @white;
    }
  }
}
<commit_msg>consider removing shadows from all buttons<commit_after>@stories_font_size: 18px;
.stories {
  font-size: @stories_font_size;
  line-height: 30px;
  color: @gray;
  h1, h2, h3, h4, h5, h6 {
    color: @grayDark;
    font-weight: normal;
    line-height: 1em;
    margin: 1em 0 @stories_font_size;
  }
  h3 {
    font-size: 24px;
  }
  a {
    transition: 400ms ease-in-out;
    &:hover {
      transition: 200ms ease-in-out;
    }
  }
  p {
    margin-bottom: 1em;
  }
  blockquote {
    .clearfix();
    font-style: italic;
    max-width: (70px * 10);
    border: none;
    margin: 20px auto;
    > p {
      font-size: 20px;
      line-height: 30px;
      font-family: @serifFontFamily;
      padding-left: 20px;
      margin-bottom: 0;
      border-left: 1px solid @white;
    }
    cite {
      @line: @fontSizeSmall;
      @margin: (@line / 3);
      display: block;
      float: right;
      position: relative;
      img {
        @img: (@line * 3);
        .outlineFlat(fade(@black, 13));
        position: absolute;
        width: @img;
        height: @img;
        top: ((((@line * 2) + @margin) - @img) / 2);
        left: (-@img - @line);
        border-radius: (@img / 2);
      }
      p {
        line-height: @line;
        font-size: @line;
        font-weight: bold;
        margin-bottom: @margin;
      }
    }
  }
  .tooltip {
    .tooltip-inner {
      font-size: @baseFontSize; // BS RESET
      padding: .5em 1em; // BS RESET
    }
  }
}
.stories-head {
  .flexy(center, center, column);
  background-color: @blueDarker;
  background-image: linear-gradient(to bottom, @blueDarker 66%, @blueDarkest 100%);
  height: 75vh;
  color: @white;
}
.shopify-logo {
  max-width: (70px * 3);
  max-height: 70px;
}
.stories-body {
  max-width: 940px;
  margin: 0 auto;
  blockquote {
    margin: 3em auto;
    > p {
      border-left: 1px solid @grayLighter;
    }
  }
}
.stories-stats {
  width: 100%;
  ul {
    .flexy();
    list-style: none;
    margin: 5vh 0;
  }
  li {
    .flex(1, 1, auto);
    .flexy(center, center, column);
    span {
      display: block;
      &:first-child {
        text-transform: uppercase;
      }
      &:last-child {
        font-size: 60px;
        line-height: 1em;
      }
    }
  }
}
.stories-buckets {
  @columns: 3;
  .flexy(stretch, space-between);
  margin: 3em 0;
  article {
    width: (round(100% / @columns) - 1);
    text-align: center;
  }
  i {
    font-size: 2em;
  }
}
.stories-procedure {
  @color: @gray;
  .slot {
    fill: @color;
  }
  .step {
    &:hover {
      .track,
      .direction,
      .pin {
        stroke-width: 10;
        transition: stroke-width 200ms;
        transition-timing-function: cubic-bezier(0.5, -1, 0.5, 2);
      }
      p {
        color: @color;
        padding: 0 (@stories_font_size * 2) 0 0;
        transition: padding 200ms, color 200ms;
        &.right {
          padding: 0 0 0 (@stories_font_size * 2);
        }
      }
    }
  }
  .touch {
    fill: none;
    stroke: transparent;
    stroke-width: 50; // increases hover area
    cursor: pointer;
  }
  .track {
    fill: none;
    stroke: @color;
    stroke-width: 2;
    transition: stroke-width 400ms;
    stroke-linecap: round;
  }
  .direction {
    fill: @color;
    stroke: @color;
    stroke-width: 0;
    transition: stroke-width 400ms;
  }
  .pin {
    stroke-width: 0;
    transition: stroke-width 400ms;
  }
  .passing {
    .track,
    .direction {
      stroke: @green;
    }
    .direction,
    .pin {
      fill: @green;
      stroke: @green;
    }
  }
  .failing {
    .track,
    .direction {
      stroke: @redLight;
    }
    .direction,
    .pin {
      fill: @redLight;
      stroke: @redLight;
    }
  }
  .mask {
    fill: @white;
  }
  p {
    .flexy(center);
    margin: 0;
    padding: 0 @stories_font_size 0 @stories_font_size;
    color: fade(@color, 0);
    text-align: center;
    pointer-events: none;
    transition: padding 300ms, color 300ms;
  }
}
.stories-cta {
  width: 350px;
  margin: 13em auto;
  h3 {
    margin-bottom: 0;
  }
  a {
    font-size: @baseFontSize;
  }
  form {
    margin-top: 1em;
    [type="text"] {
      background: @white;
    }
  }
  .submit {
    .flexy(center, flex-end);
    [type="submit"] {
      .circleButton(@grayLightest, @green);
      margin-top: 1em;
      box-shadow: none;
    }
  }
}
// AB TEST FOR STORIES_AB_SPLIT
.stories {
  .cta-contianer {
    margin: 30px 0 80px 0;
    .flexy(center, center, row);
    > div {
      width: 250px;
    }
    .submit {
    .flexy(center, flex-end);
    [type="submit"] {
      .circleButton(@grayLightest, @green);
      margin-top: 1em;
    }
  }
    .seperator {
      .flexy(center, center, column);
      .line {
        .flexy(center, center, column);
        width: 2px;
        height: 150px;
        background: @black;
        div {
          padding: 10px;
          background: white;
          font-size: 26px;
        }
      }
    }
    form {
      .adaptive-inline {
        .displayFlex;
        div:nth-of-type(1) {
          input {
            border-radius: 1.5em 0 0 1.5em;
          }
        }
        div:nth-of-type(2) {
          input {
            border-radius:  0 1.5em 1.5em 0;
          }
        }
      }
    }
    button {
      .center;
      padding: 5px 10px;
      float: none;
      background: @circleBlue;
      &:hover {
        background: @circleBlueDark;
      }
      color: @white;
    }
  }
}

{'fraction_non_alphanumeric': 0.1430953042511809, 'fraction_numerical': 0.03241641196628693, 'mean_word_length': 1.717845456833627, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5611770', 'n_tokens_mistral': 4329, 'n_tokens_neox': 4005, 'n_words': 881}