<commit_before>@import "mixins/clearfix.css.scss";
@import "mixins/variables.css.scss";
@import "projects/_project_variables.css.scss";

#recipe-cards {
  width: $first_column_width + $article_column_width;
  margin-right: $first_column_width;
  .top {
    margin-left: $first_column_width;
    padding-top: 1px;
    width: $article_column_width;
    background: white;
    .inner {
      @include cf;
      width: $article_column_width - $common-margin * 2;
      margin: 34px $common-margin 0;
    }
  }

  #making-list {
    @include cf;
    width: $first_column_width + $article_column_width;
    margin-right: $first_column_width;
    .top {
      .inner {
        width: $article_column_width - $common-margin * 4;
        margin: $common-margin $common-margin*2 0;
        border-top: $common-border;
        h2 {
          margin-top: 5px;
          display: inline-block;
          vertical-align: top;
          width: 40%;
          font-family: $common-novelsans;
          font-size: 22px;
          font-weight: normal;
          line-height: $common-line-height;
        }
      }
    }
    .article-column.sp {
      background: white;
      margin-top: -2px;
      margin-left: $first_column_width;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-radius: 0 0 5px 5px;

      .new-card {
        margin-top: 20px;
        margin-left: $common-margin * 2;
        padding: 9px 0 6px;
        width: $article_column_width - $common-margin * 4;
        background-color: $common-basic-color;
        font-size: 14px;
        line-height: $common-line-height;
        text-align: center;
        color: white;
      }
    }
  }
}

#recipe-card-list {
  @include cf;
  width: $content_width;
  font-family: $common-verdana;
  > li {
    width: 100%;
    float: left;
  }
  li.state-wrapper {
    $state_margin_top: 50px;
    margin-top: -2px;
    width: $first_column_width + $article_column_width;
    article {
      @include cf;
      display: table;
      width: 100%;
      h1.number {
        display: table-cell;
        vertical-align: top;
        z-index: 2;
        -webkit-padding-start: 13px;
        width: 30px;
        max-width: 30px;
        font-family: $common-novelsans;
        font-size: 45px;
        line-height: 140px;
        color: white;
      }
      .arrow-column {
        display: table-cell;
        padding-right: 18px;
        position: relative;
        width: 22px;
        background-image: asset-url("arrow-body.png");
        background-size: 22px 100%;
        background-repeat: no-repeat;
        background-position: 50% 50px;
        &:before {
          content: "\0000a0";
        }
        .arrow-head {
          margin-left: 9px;
          -webkit-margin-start: 9px;
          position: absolute;
          bottom: 0;
          width: 22px;
          height: 20px;
          background-image: asset-url("arrow-head.png");
          background-size: 22px 20px;
          background-repeat: no-repeat;
          background-position: 50% 0;
          &:before {
            content: "\0000a0";
          }
        }
      }

      .article-column {<commit_msg>fix #911 arrow head position is not correct in webkit<commit_after>@import "mixins/clearfix.css.scss";
@import "mixins/variables.css.scss";
@import "projects/_project_variables.css.scss";

#recipe-cards {
  width: $first_column_width + $article_column_width;
  margin-right: $first_column_width;
  .top {
    margin-left: $first_column_width;
    padding-top: 1px;
    width: $article_column_width;
    background: white;
    .inner {
      @include cf;
      width: $article_column_width - $common-margin * 2;
      margin: 34px $common-margin 0;
    }
  }

  #making-list {
    @include cf;
    width: $first_column_width + $article_column_width;
    margin-right: $first_column_width;
    .top {
      .inner {
        width: $article_column_width - $common-margin * 4;
        margin: $common-margin $common-margin*2 0;
        border-top: $common-border;
        h2 {
          margin-top: 5px;
          display: inline-block;
          vertical-align: top;
          width: 40%;
          font-family: $common-novelsans;
          font-size: 22px;
          font-weight: normal;
          line-height: $common-line-height;
        }
      }
    }
    .article-column.sp {
      background: white;
      margin-top: -2px;
      margin-left: $first_column_width;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-radius: 0 0 5px 5px;

      .new-card {
        margin-top: 20px;
        margin-left: $common-margin * 2;
        padding: 9px 0 6px;
        width: $article_column_width - $common-margin * 4;
        background-color: $common-basic-color;
        font-size: 14px;
        line-height: $common-line-height;
        text-align: center;
        color: white;
      }
    }
  }
}

#recipe-card-list {
  @include cf;
  width: $content_width;
  font-family: $common-verdana;
  > li {
    width: 100%;
    float: left;
  }
  li.state-wrapper {
    $state_margin_top: 50px;
    margin-top: -2px;
    width: $first_column_width + $article_column_width;
    article {
      @include cf;
      display: table;
      width: 100%;
      h1.number {
        display: table-cell;
        vertical-align: top;
        z-index: 2;
        -webkit-padding-start: 13px;
        width: 30px;
        max-width: 30px;
        font-family: $common-novelsans;
        font-size: 45px;
        line-height: 140px;
        color: white;
      }
      .arrow-column {
        display: table-cell;
        padding-right: 18px;
        position: relative;
        width: 22px;
        background-image: asset-url("arrow-body.png");
        background-size: 22px 100%;
        background-repeat: no-repeat;
        background-position: 50% 50px;
        &:before {
          content: "\0000a0";
        }
        .arrow-head {
          margin-left: 9px;
          -webkit-margin-start: 4px;
          position: absolute;
          bottom: 0;
          width: 22px;
          height: 20px;
          background-image: asset-url("arrow-head.png");
          background-size: 22px 20px;
          background-repeat: no-repeat;
          background-position: 50% 0;
          &:before {
            content: "\0000a0";
          }
        }
      }

      .article-column {
{'fraction_non_alphanumeric': 0.12139917695473251, 'fraction_numerical': 0.02928141817030706, 'mean_word_length': 1.851534296028881, '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': '3305893', 'n_tokens_mistral': 2216, 'n_tokens_neox': 2045, 'n_words': 421}