<commit_before>.main-section {
  $bar-margin: 265px + ($h-padding-b1/2);

  overflow: hidden;
  margin-top: 10px;
  width: 100%;

  &__header {
    max-width: 400px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  &__title,
  &__intro {
    @include rem(margin-top, 20px);
    @include rem(margin-bottom, 50px);
    @include if-wider-than($breakpoint-1) {
      @include rem(margin-bottom, 70px);
    }
  }

  &__title {
    @include rem(font-size, 48px);
    @include rem(margin-bottom, 50px);
    @include if-wider-than($breakpoint-1) {
      @include rem(margin-bottom, 70px);
      @include rem(font-size, 84px);
    }
  }

  &__bar {
    $left-space: ($bar-margin / $ideal-width) * 100%;
    background-color: $blue;
    position: absolute;
    height: 290px;
    top: 50px;
    left: calc(100% - 10px);
    width: 10px;
    transition-property: left;
    transition-duration: 0.3s;
    transition-timing-function: $easeInOutQuad;

    @include if-wider-than($breakpoint-1) {
      left: $left-space;
      top: 220px;
      height: 221px;
      width: calc(100% - #{$left-space});
    }
  }
}

.no-touchevents {
  .main-section {
    &__link {
      transition: background-color 0.1s $easeOutQuad;
      &:hover {
        background-color: darken($blue, 15%);
      }
    }
  }
}<commit_msg>main-section: better view on iphone 6<commit_after>.main-section {
  $bar-margin: 265px + ($h-padding-b1/2);

  overflow: hidden;
  margin-top: 10px;
  width: 100%;
  position: relative;

  &__header {
    max-width: 320px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    @include if-wider-than($breakpoint-1) {
      max-width: 400px;
    }
  }

  &__title,
  &__intro {
    @include rem(margin-top, 20px);
    @include rem(margin-bottom, 50px);
    @include if-wider-than($breakpoint-1) {
      @include rem(margin-bottom, 70px);
    }
  }

  &__title {
    @include rem(font-size, 48px);
    @include rem(margin-bottom, 50px);
    @include if-wider-than($breakpoint-1) {
      @include rem(margin-bottom, 70px);
      @include rem(font-size, 84px);
    }
  }

  &__bar {
    display: none;
    $left-space: ($bar-margin / $ideal-width) * 100%;
    background-color: $blue;
    position: absolute;
    height: 100%;
    top: 0;
    left: calc(100% - 10px);
    width: 10px;
    transition-property: left;
    transition-duration: 0.3s;
    transition-timing-function: $easeInOutQuad;

    @include if-wider-than($breakpoint-1) {
      left: $left-space;
      top: 220px;
      height: 230px;
      width: calc(100% - #{$left-space});
    }
  }
}

.no-touchevents {
  .main-section {
    &__link {
      transition: background-color 0.1s $easeOutQuad;
      &:hover {
        background-color: darken($blue, 15%);
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.15808426359380626, 'fraction_numerical': 0.046092906013683835, 'mean_word_length': 2.4943396226415095, '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': '7305029', 'n_tokens_mistral': 1163, 'n_tokens_neox': 1032, 'n_words': 199}