<commit_before>@import 'color';

@import "bootstrap-compass";
@import "bootstrap-variables";

// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/_bootstrap.scss
// Core variables
@import "bootstrap/variables";
@import "bootstrap/mixins";

// REsets
@import "bootstrap/normalize";
@import "bootstrap/print";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";

// Components
@import "bootstrap/component-animations";
@import "bootstrap/navs";

// Utilities
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";

// Compass
@import "compass/css3";
@import "compass/layout";
@import "compass/typography";

@import 'var';

html, body {
  color: rgba(#000, .87);
  overflow-x: hidden;
}

#toggle {
  position: fixed;
  left: 0.5em; top: 0;
  color: $main-green;
  font-size: 28px;
  z-index: $zindex-navbar;
}

main {
  will-change: transform;
  @include transition(transform $animation-duration ease);

  // Darken cover when navbar is opened
  &:after {
    z-index: -1;
    will-change: opacity;
    content: '';
    opacity: 0;
    background: rgba(#000, .65);
    @include stretch();
    @include transition(opacity $animation-duration);
  }
}

/*
 * result-fold
 */

.result-fold {
  position: relative;
  text-align: center;
  min-height: 100vh;
  height: 1px;
  background-image: url('/static/images/bg.jpg');
  background-size: cover;
  background-position: 50%;
  .background {
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.5);

    // Just for vertical centering on mobile (100% support)
    // It should look the same on desktop.
    //
    @include display-flex;
    @include flex-direction(column);
    @include justify-content(center);
  }
  .title{
    text-align: center;
    margin: 0;
  }

  .title > img{
    width: 100%;

    @media #{$large-screen}, screen and (orientation: landscape) {
      // On horizontal screns, limit logo's height instead
      width: auto;
      max-height: 50vh;
    }
  }

  h2 {
    font-family: $font-family-light-title;
    font-weight: 100;
    font-size: $font-size-normal * 1.5;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    @extend %black-color;
    @media #{$large-screen} {
      font-size: $font-size-lg;
    }
    span {
      // display: block;
      font-size: $font-size-normal * 2.5;
      @media #{$large-screen} {
        // display: inline;
        margin-right: $margin-sm;
        font-size: $font-size-lg * 2;
      }
    }
    // &:first-child {
    //   padding-top: $margin-lg * 4;
    //   margin-bottom: $margin-lg * 2;
    //   @media #{$large-screen} {
    //     margin-bottom: 0;
    //   }
    // }
  }
  // .kp-logo {
  //   display: block;
  //   position: absolute;
  //   bottom: $margin-lg * 8;
  //   padding: 0 50px;
  //   @media #{$large-screen} {
  //     padding: 0;
  //     margin-left: image-width('kp-logo.png')/-2;
  //     left: 50%;
  //   }
  //   img {
  //     width: 100%;
  //   }
  // }
}

/*
 * process-fold
 */
<commit_msg>Change first fold number font size in mobile<commit_after>@import 'color';

@import "bootstrap-compass";
@import "bootstrap-variables";

// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/_bootstrap.scss
// Core variables
@import "bootstrap/variables";
@import "bootstrap/mixins";

// REsets
@import "bootstrap/normalize";
@import "bootstrap/print";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";

// Components
@import "bootstrap/component-animations";
@import "bootstrap/navs";

// Utilities
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";

// Compass
@import "compass/css3";
@import "compass/layout";
@import "compass/typography";

@import 'var';

html, body {
  color: rgba(#000, .87);
  overflow-x: hidden;
}

#toggle {
  position: fixed;
  left: 0.5em; top: 0;
  color: $main-green;
  font-size: 28px;
  z-index: $zindex-navbar;
}

main {
  will-change: transform;
  @include transition(transform $animation-duration ease);

  // Darken cover when navbar is opened
  &:after {
    z-index: -1;
    will-change: opacity;
    content: '';
    opacity: 0;
    background: rgba(#000, .65);
    @include stretch();
    @include transition(opacity $animation-duration);
  }
}

/*
 * result-fold
 */

.result-fold {
  position: relative;
  text-align: center;
  min-height: 100vh;
  height: 1px;
  background-image: url('/static/images/bg.jpg');
  background-size: cover;
  background-position: 50%;
  .background {
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.5);

    // Just for vertical centering on mobile (100% support)
    // It should look the same on desktop.
    //
    @include display-flex;
    @include flex-direction(column);
    @include justify-content(center);
  }
  .title{
    text-align: center;
    margin: 0;
  }

  .title > img{
    width: 100%;

    @media #{$large-screen}, screen and (orientation: landscape) {
      // On horizontal screns, limit logo's height instead
      width: auto;
      max-height: 50vh;
    }
  }

  h2 {
    font-family: $font-family-light-title;
    font-weight: 100;
    font-size: $font-size-normal * 1.5;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    @extend %black-color;
    @media #{$large-screen} {
      font-size: $font-size-lg;
    }
    span {
      // display: block;
      font-size: $font-size-normal * 2.5;
      font-weight: bold;
      @media #{$large-screen} {
        // display: inline;
        margin-right: $margin-sm;
        font-size: $font-size-lg * 2;
        font-weight: normal;
      }
    }
    // &:first-child {
    //   padding-top: $margin-lg * 4;
    //   margin-bottom: $margin-lg * 2;
    //   @media #{$large-screen} {
    //     margin-bottom: 0;
    //   }
    // }
  }
  // .kp-logo {
  //   display: block;
  //   position: absolute;
  //   bottom: $margin-lg * 8;
  //   padding: 0 50px;
  //   @media #{$large-screen} {
  //     padding: 0;
  //     margin-left: image-width('kp-logo.png')/-2;
  //     left: 50%;
  //   }
  //   img {
  //     width: 100%;
  //   }
  // }
}

/*
 * process-fold
 */

{'fraction_non_alphanumeric': 0.16967920534114966, 'fraction_numerical': 0.025728708679368183, 'mean_word_length': 2.450561797752809, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '3173831', 'n_tokens_mistral': 2302, 'n_tokens_neox': 2135, 'n_words': 473}