<commit_before>body {
  background: $gray-100;
}

#main {
  background-color: $body-bg;
  @include media-breakpoint-up(md) {
    border: 1px solid $gray-300;
    background-color: white;
    max-width: 1600px;
    margin: 0 auto;
    box-shadow: 0 1px 5px rgba($gray-200, 0.25);
  }
}

.logo {
  margin: 10% auto;

  @include media-breakpoint-up(sm) {
    max-width: 400px;
  }

  @include media-breakpoint-up(md) {
    max-width: 600px;
  }
}

.section {
  > .section-body {
    padding: $spacer-5;
    width: 100%;
    height: 100%;
  }

  &.has-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  &.lg {
    min-height: 60vh;
  }

  &.md {
    min-height: 40vh;
  }

  &:nth-child(odd) {
    background-color: $gray-100;
    border-top: 1px solid $gray-300;
    border-bottom: 1px solid $gray-300;
  }

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

.container {
  &.container-narrow {
    @include media-breakpoint-up(md) {
      max-width: $narrow;
    }
  }
}

#footer {
  background-color: $gray-100;
  border-top: 1px solid $gray-300;
  color: $gray-500;
}
<commit_msg>Update mobile style of sections<commit_after>body {
  background: $gray-100;
}

#main {
  background-color: $body-bg;
  @include media-breakpoint-up(md) {
    border: 1px solid $gray-300;
    background-color: white;
    max-width: 1600px;
    margin: 0 auto;
    box-shadow: 0 1px 5px rgba($gray-200, 0.25);
  }
}

.logo {
  margin: 10% auto;

  @include media-breakpoint-up(sm) {
    max-width: 400px;
  }

  @include media-breakpoint-up(md) {
    max-width: 600px;
  }
}

.section {
  > .section-body {
    padding: $spacer-3;
    width: 100%;
    height: 100%;

    @include media-breakpoint-up(md) {
      padding: $spacer-5;
    }
  }

  &.has-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  &.lg {
    min-height: 60vh;
  }

  &.md {
    min-height: 40vh;
  }

  &:nth-child(odd) {
    background-color: $gray-100;
    border-top: 1px solid $gray-300;
    border-bottom: 1px solid $gray-300;
  }

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

.container {
  &.container-narrow {
    @include media-breakpoint-up(md) {
      max-width: $narrow;
    }
  }
}

#footer {
  background-color: $gray-100;
  border-top: 1px solid $gray-300;
  color: $gray-500;
}

{'fraction_non_alphanumeric': 0.15910999160369438, 'fraction_numerical': 0.05247691015952981, 'mean_word_length': 2.4687045123726348, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '1324953', 'n_tokens_mistral': 1067, 'n_tokens_neox': 941, 'n_words': 184}