<commit_before>div[role=main] {
  line-height: @vertical-grid;
  max-width: @maximum-width;
  max-height: @maximum-height;
  margin-left: auto;
  margin-right: auto;
  position:relative;

  .one-column-grid, .two-column-grid, .column{
    min-height: inherit;
    min-width: inherit;
  }
  .column {
    position: relative;
    width:100%;
  }
}

// We want to horizontally and vertically center everything
// once the screen size is bigger than a tablet
@media (min-width: @maximum-width) and (min-height: @maximum-landscape-height) {
  body {
    div[role=main] > div.no-slides-container {
      .center-container;
      section.page{
        .absolute-center;
        min-height: @maximum-landscape-height;
        max-height: @maximum-landscape-height;
      }
    }
    div[role=main] > div.slides-container {
      min-height: @maximum-landscape-height;
      max-height: @maximum-landscape-height;
    }
  }
}

// Pages with fixed content need a smaller height
@media (min-height: @fixed-page-height) {
  section.fixed-height {
    min-height: @fixed-page-height !important;
    max-height: @fixed-page-height !important;
  }
}

.two-column-grid {
  padding-left: @horizontal-grid;
  aside.column, div.column {
    padding-right: @horizontal-grid;
  }
  aside.column {
    max-width: @two-column-aside-width;
  }
  div.column {
    max-width: @two-column-main-width;
  }
}

.one-column-grid .column, .footer-container {
  padding-left: @horizontal-grid;
  padding-right: @horizontal-grid;
  max-width: @single-column-width;
  margin-left: auto;
  margin-right: auto;
}

<commit_msg>Slides are vertically centered on big screen<commit_after>div[role=main] {
  line-height: @vertical-grid;
  max-width: @maximum-width;
  max-height: @maximum-height;
  margin-left: auto;
  margin-right: auto;
  position:relative;

  .one-column-grid, .two-column-grid, .column{
    min-height: inherit;
    min-width: inherit;
  }
  .column {
    position: relative;
    width:100%;
  }
}

// We want to horizontally and vertically center everything
// once the screen size is bigger than a tablet
@media (min-width: @maximum-width) and (min-height: @maximum-landscape-height) {
  body {
    div[role=main] > div.no-slides-container {
      .center-container;
      section.page{
        .absolute-center;
        min-height: @maximum-landscape-height;
        max-height: @maximum-landscape-height;
      }
    }
    div[role=main] > div.slides-container {
      position:inherit;
      top:50%;
      height:@maximum-landscape-height;
      margin-top:-@maximum-landscape-height / 2;
    }
  }
}

// Pages with fixed content need a smaller height
@media (min-height: @fixed-page-height) {
  section.fixed-height {
    min-height: @fixed-page-height !important;
    max-height: @fixed-page-height !important;
  }
}

.two-column-grid {
  padding-left: @horizontal-grid;
  aside.column, div.column {
    padding-right: @horizontal-grid;
  }
  aside.column {
    max-width: @two-column-aside-width;
  }
  div.column {
    max-width: @two-column-main-width;
  }
}

.one-column-grid .column, .footer-container {
  padding-left: @horizontal-grid;
  padding-right: @horizontal-grid;
  max-width: @single-column-width;
  margin-left: auto;
  margin-right: auto;
}


{'fraction_non_alphanumeric': 0.14290113951339697, 'fraction_numerical': 0.002771789344009855, 'mean_word_length': 2.9609756097560975, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '2646212', 'n_tokens_mistral': 1141, 'n_tokens_neox': 1104, 'n_words': 219}