<commit_before>#page-what-is-ionic {
  .banner,
  main {
    font-family: $font-family-graphik;

    h1,
    h2,
    h3,
    h4 {
      font-family: $font-family-eina;
    }
  }


  .banner {
    max-width: 800px;
    padding-top: 72px;
    padding-bottom: 150px;

    h1 {
      padding-top: 80px;
      font-size: 40px;
      line-height: 52px;
      letter-spacing: -.008em;
      font-weight: 700;
      background: url('/img/what-is-ionic/ionic-icon.png') no-repeat 50% 0;
      background-size: 48px;
      color: #0f1622;
    }
  }

  main {
    section {
      padding-top: 200px;
      padding-bottom: 200px;
    }

    .container {
      display: flex;
      align-items: center;
      max-width: 980px;

      &::before,
      &::after {
        display: none;
      }
    }

    .graphic {
      display: block;
    }

    .left .graphic {  margin-left: 104px; }
    .right .graphic {  margin-right: 104px; }

    .content {
      flex: 1;
    }

    .center .container {
      flex-direction: column;
      text-align: center;
      max-width: 680px;
    }

    h2 {
      font-size: 35px;
      line-height: 47px;
      font-weight: 700;
      letter-spacing: -.008em;
      margin-bottom: 20px;
      margin-top: 0;
      color: #0f1622;
    }

    p {
      font-size: 20px;
      line-height: 36px;
      letter-spacing: -.02em;
      margin-bottom: 32px;

      &.sm {
        font-size: 15px;
        line-height: 32px;
        letter-spacing: .01em;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }

    .what {
      background: linear-gradient(to bottom, #f7f9fc, #fdfefe);
      padding-bottom: 88px;

      .content {
        padding-bottom: 134px;

        @media (max-width: $screen-sm-max) {
          padding-bottom: 20px;
        }
      }

      .graphic img {
        margin-right: -50px;
        margin-top: -20px;
      }

      ul {
        padding: 0;
        display: flex;
        margin-top: 43px;
        margin-bottom: 0;
      }

      li {
        list-style: none;
        background: url('/img/what-is-ionic/web-icons.png') no-repeat 0 0;
        background-size: 40px;
        width: 40px;
        height: 40px;
        margin-right: 22px;

        &.css { background-position: 0 -40px; }
        &.js { background-position: 0 -80px; }
      }
    }

    .kit {
      background: linear-gradient(to bottom, #f7f9fb, #fefefe);
      padding-bottom: 190px;

      .graphic {
        margin-right: 68px;
      }

      .content {
        margin-bottom: 8px;
      }
    }

    .teams {
      background: linear-gradient(to bottom, #f8f9fb, #fefefe);
      padding-top: 183px;
      padding-bottom: 176px;

      .graphic {
        margin-right: -65px;
        padding-top: 34px;
        padding-left: 1px;
      }

      ion-icon {
        font-size: .9em;
        vertical-align: -15%;
      }
    }

    .global {
      background-image:
        url('/img/what-is-ionic/community-bg.png'),
        linear-gradient(to bottom, #f7f9fc, #fefefe);
      background-size: cover, 100%;
      background-repeat: no-repeat;
      background-position: 50% 0;
      padding-top: 204px;
      padding-bottom: 198px;

      .content {
        margin-top: -10px;
      }

      .graphic {
        margin-left: -12px;
        margin-right: 124px;

        @media (max-width: $screen-sm-max) {
          margin-right: 24px;
        }
      }
<commit_msg>minor what is ionic tweak<commit_after>#page-what-is-ionic {
  .banner,
  main {
    font-family: $font-family-graphik;

    h1,
    h2,
    h3,
    h4 {
      font-family: $font-family-eina;
    }
  }


  .banner {
    max-width: 800px;
    padding-top: 72px;
    padding-bottom: 150px;

    h1 {
      padding-top: 80px;
      font-size: 40px;
      line-height: 52px;
      letter-spacing: -.008em;
      font-weight: 700;
      background: url('/img/what-is-ionic/ionic-icon.png') no-repeat 50% 0;
      background-size: 48px;
      color: #0f1622;
    }
  }

  main {
    section {
      padding-top: 200px;
      padding-bottom: 200px;
    }

    .container {
      display: flex;
      align-items: center;
      max-width: 980px;

      &::before,
      &::after {
        display: none;
      }
    }

    .graphic {
      display: block;
    }

    .left .graphic {  margin-left: 104px; }
    .right .graphic {  margin-right: 104px; }

    .content {
      flex: 1;
    }

    .center .container {
      flex-direction: column;
      text-align: center;
      max-width: 680px;
    }

    h2 {
      font-size: 35px;
      line-height: 47px;
      font-weight: 700;
      letter-spacing: -.008em;
      margin-bottom: 20px;
      margin-top: 0;
      color: #0f1622;
    }

    p {
      font-size: 20px;
      line-height: 36px;
      letter-spacing: -.02em;
      margin-bottom: 32px;

      &.sm {
        font-size: 15px;
        line-height: 32px;
        letter-spacing: .01em;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }

    .what {
      background: linear-gradient(to bottom, #f7f9fc, #fdfefe);
      padding-bottom: 88px;

      .content {
        padding-bottom: 134px;

        @media (max-width: $screen-sm-max) {
          padding-bottom: 20px;
        }
      }

      .graphic img {
        margin-right: -50px;
        margin-top: -20px;
      }

      ul {
        padding: 0;
        display: flex;
        margin-top: 43px;
        margin-bottom: 0;
      }

      li {
        list-style: none;
        background: url('/img/what-is-ionic/web-icons.png') no-repeat 0 0;
        background-size: 40px;
        width: 40px;
        height: 40px;
        margin-right: 22px;

        &.css { background-position: 0 -40px; }
        &.js { background-position: 0 -80px; }
      }
    }

    .kit {
      background: linear-gradient(to bottom, #f7f9fb, #fefefe);
      padding-bottom: 190px;

      .graphic {
        margin-right: 68px;
      }

      .content {
        margin-bottom: 8px;
      }
    }

    .teams {
      background: linear-gradient(to bottom, #f8f9fb, #fefefe);
      padding-top: 183px;
      padding-bottom: 176px;

      .graphic {
        margin-right: -65px;
        padding-top: 34px;
        padding-left: 1px;
      }

      ion-icon {
        font-size: .9em;
        vertical-align: -10%;
      }
    }

    .global {
      background-image:
        url('/img/what-is-ionic/community-bg.png'),
        linear-gradient(to bottom, #f7f9fc, #fefefe);
      background-size: cover, 100%;
      background-repeat: no-repeat;
      background-position: 50% 0;
      padding-top: 204px;
      padding-bottom: 198px;

      .content {
        margin-top: -10px;
      }

      .graphic {
        margin-left: -12px;
        margin-right: 124px;

        @media (max-width: $screen-sm-max) {
          margin-right: 24px;
        }
      }

{'fraction_non_alphanumeric': 0.13401759530791788, 'fraction_numerical': 0.04926686217008798, 'mean_word_length': 1.4976199194434272, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4995478', 'n_tokens_mistral': 2750, 'n_tokens_neox': 2366, 'n_words': 472}