<commit_before>$page-font: $standard-font;
$page-color: $main-color;

.page {
  font-size: 19px;
  color: #fff;
  background-color: #000;
  font-family: $page-font;

  .content {
    font-size: 1em;

    @include phone {
      font-size: 0.7em;
    }
  }

  .slideshow .content {
	left: 80px;
	}

  .shadow {
    @include shadow(#000);
  }

  &.invert {
    color: #000;
    background-color: #fff;

    .shadow {
      @include shadow(#fff);
    }
  }

  h2 {
    font-size: 1.375em;
    font-family: $header-font;
  }

  h2 .tagline {
      display: block;
      font-size: 1em;
      font-weight: normal;
      margin-top: 0;
      letter-spacing: 0em;
  }

  h2 .title {
      display: block;
      font-size: 2.3em;
      font-weight: normal;
      margin-top: 0.4em;
      margin-bottom: 0.4em;
      letter-spacing: 0em;
      line-height: 1em;
      @include phone {
        font-size: 1.8em;
      }
  }

  h2 .subtitle {
      display: block;
      font-size: 1em;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 1.875em;
  }

  .contentText > * {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  p {
    margin-top: 0;
  }

}

.js .page:first-child {
  .content_and_background .scroller > div:after {
    width: 150px;
  }

  .scroller > div, .content_and_background > .page_header {
    @include mobile {
      padding: 110px 12% 5% 8%;
      width: 100%;
      @media (orientation: landscape) {
        padding: 100px 12% 5% 8%;
      }
    }
  }

  h2 .title {
    font-size: 2.5em;
    letter-spacing: 0em;
    line-height: 1em;
    @include phone {
        font-size: 2em;
    }
  }
}

.js .vjs-current-time,
.js .vjs-time-divider,
.js .vjs-duration,
.vjs-duration,
.vjs-time-divider,
.vjs-current-time {
  font-family: $page-font;
  color: white;
}

.js .vjs-play-control {
  background-image: image-url('pageflow/themes/#{$theme-name}/video_controls.png');
}

.js .vjs-progress-control .vjs-play-progress, .js .vjs-progress-control.vjs-fade-out .vjs-play-progress {
  background-color: $main-color;
}
<commit_msg>fix white flash on text right transition<commit_after>$page-font: $standard-font;
$page-color: $main-color;

.page {
  font-size: 19px;
  color: #fff;
  background-color: #000;
  font-family: $page-font;

  .content {
    font-size: 1em;

    @include phone {
      font-size: 0.7em;
    }
  }

  .slideshow .content {
	left: 80px;
	}

  .shadow {
    @include shadow(#000);
  }

  &.invert {
    color: #000;

    &.text_position_right {
        background-color: transparent;
    }

    .blackLayer {
        background-color: #fff;
    }

    .shadow {
      @include shadow(#fff);
    }
  }

  h2 {
    font-size: 1.375em;
    font-family: $header-font;
  }

  h2 .tagline {
      display: block;
      font-size: 1em;
      font-weight: normal;
      margin-top: 0;
      letter-spacing: 0em;
  }

  h2 .title {
      display: block;
      font-size: 2.3em;
      font-weight: normal;
      margin-top: 0.4em;
      margin-bottom: 0.4em;
      letter-spacing: 0em;
      line-height: 1em;
      @include phone {
        font-size: 1.8em;
      }
  }

  h2 .subtitle {
      display: block;
      font-size: 1em;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 1.875em;
  }

  .contentText > * {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  p {
    margin-top: 0;
  }

}

.js .page:first-child {
  .content_and_background .scroller > div:after {
    width: 150px;
  }

  .scroller > div, .content_and_background > .page_header {
    @include mobile {
      padding: 110px 12% 5% 8%;
      width: 100%;
      @media (orientation: landscape) {
        padding: 100px 12% 5% 8%;
      }
    }
  }

  h2 .title {
    font-size: 2.5em;
    letter-spacing: 0em;
    line-height: 1em;
    @include phone {
        font-size: 2em;
    }
  }
}

.js .vjs-current-time,
.js .vjs-time-divider,
.js .vjs-duration,
.vjs-duration,
.vjs-time-divider,
.vjs-current-time {
  font-family: $page-font;
  color: white;
}

.js .vjs-play-control {
  background-image: image-url('pageflow/themes/#{$theme-name}/video_controls.png');
}

.js .vjs-progress-control .vjs-play-progress, .js .vjs-progress-control.vjs-fade-out .vjs-play-progress {
  background-color: $main-color;
}

{'fraction_non_alphanumeric': 0.15330188679245282, 'fraction_numerical': 0.03490566037735849, 'mean_word_length': 2.0466954022988504, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '1565291', 'n_tokens_mistral': 1813, 'n_tokens_neox': 1654, 'n_words': 324}