<commit_before>@import '~normalize.css/normalize.css';
@import 'variables';
@import 'fonts';

::selection {
  background-color: lighten($accent-color, 30%);
}

:active {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: $body-font;
  color: $body-color;
  line-height: 1.25em;

  background: {
    color: $background-color;
    image: url($background-image);
  }

  margin: 1.5em 1em;
}

a {
  color: $link-color;
  text-decoration: none;
}

.container {
  max-width: 45em;
  margin: 0 auto;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;

  @media screen and (min-width: $small-bp) {
    flex-direction: row;
    justify-content: space-between;
  }

  &-logo {
    margin-bottom: 0.75em;
    cursor: pointer;
    display: flex;
    align-items: center;

    @media screen and (min-width: $small-bp) {
      margin-bottom: 0;
    }

    &-image {
      width: 6.875em;
      margin-right: 0.5em;
    }

    &-text {
      font: {
        family: $heading-font;
        size: 1.5em;
        weight: 400;
      }

      color: $secondary-color;
    }
  }

  &-search {
    font: {
      family: $heading-font;
      size: 0.9em;
    }

    color: $body-color;

    background: {
      color: $box-background-color;
      image: url($search-icon-image);
      repeat: no-repeat;
      position: 0.625em 50%;
    }

    border: 1px solid darken($box-border-color, 10%);
    border-radius: 1.25em;
    box-shadow: 0 1px 4px #ddd inset;
    margin-left: 1em;
    padding: 0.35em 1em 0.45em 2.2em;
    transition: border 0.2s ease-out;

    &:focus {
      border: 1px solid darken($link-color, 10%);
      outline: none;
    }
  }
}

.main {
  background-color: $box-background-color;
  border: 1px solid $box-border-color;
  border-radius: 0.3em;
  min-height: calc(100vh - 13.2em);
  padding: 0 2em;
  margin: 1.25em 0;

  @media screen and (min-width: $small-bp) {
    min-height: calc(100vh - 9.5em);
  }

  &-section {
    margin: 2em 0;

    &-title {
      font: {
        family: $heading-font;
        size: 1.2em;
      }

      line-height: 2em;
      margin: 0 0 0.5em;
    }

    &-item {
      &-title {
        font: {
          size: 0.8em;
          weight: 400;
        }

        color: $secondary-color;
        text-transform: uppercase;
      }

      &-content {
        font-family: $monospaced-font;
        white-space: normal;
        margin: 0 0 1.25em;
      }
    }

    &-no-results {
      text-align: center;
      margin: 2.5em 0;
    }

    &-extra-space {
      margin-bottom: 2em;
    }

    &-highlight {
      background-color: $highlight-color;
    }
  }
}

.footer {
  font: {
    family: $heading-font;
    size: 0.9em;
  }

  margin: 0 0.2em;

  @media screen and (min-width: $small-bp) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }<commit_msg>Force selection of whole line for commands<commit_after>@import '~normalize.css/normalize.css';
@import 'variables';
@import 'fonts';

::selection {
  background-color: lighten($accent-color, 30%);
}

:active {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: $body-font;
  color: $body-color;
  line-height: 1.25em;

  background: {
    color: $background-color;
    image: url($background-image);
  }

  margin: 1.5em 1em;
}

a {
  color: $link-color;
  text-decoration: none;
}

.container {
  max-width: 45em;
  margin: 0 auto;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;

  @media screen and (min-width: $small-bp) {
    flex-direction: row;
    justify-content: space-between;
  }

  &-logo {
    margin-bottom: 0.75em;
    cursor: pointer;
    display: flex;
    align-items: center;

    @media screen and (min-width: $small-bp) {
      margin-bottom: 0;
    }

    &-image {
      width: 6.875em;
      margin-right: 0.5em;
    }

    &-text {
      font: {
        family: $heading-font;
        size: 1.5em;
        weight: 400;
      }

      color: $secondary-color;
    }
  }

  &-search {
    font: {
      family: $heading-font;
      size: 0.9em;
    }

    color: $body-color;

    background: {
      color: $box-background-color;
      image: url($search-icon-image);
      repeat: no-repeat;
      position: 0.625em 50%;
    }

    border: 1px solid darken($box-border-color, 10%);
    border-radius: 1.25em;
    box-shadow: 0 1px 4px #ddd inset;
    margin-left: 1em;
    padding: 0.35em 1em 0.45em 2.2em;
    transition: border 0.2s ease-out;

    &:focus {
      border: 1px solid darken($link-color, 10%);
      outline: none;
    }
  }
}

.main {
  background-color: $box-background-color;
  border: 1px solid $box-border-color;
  border-radius: 0.3em;
  min-height: calc(100vh - 13.2em);
  padding: 0 2em;
  margin: 1.25em 0;

  @media screen and (min-width: $small-bp) {
    min-height: calc(100vh - 9.5em);
  }

  &-section {
    margin: 2em 0;

    &-title {
      font: {
        family: $heading-font;
        size: 1.2em;
      }

      line-height: 2em;
      margin: 0 0 0.5em;
    }

    &-item {
      &-title {
        font: {
          size: 0.8em;
          weight: 400;
        }

        color: $secondary-color;
        text-transform: uppercase;
      }

      &-content {
        font-family: $monospaced-font;
        white-space: normal;
        margin: 0 0 1.25em;
        user-select: all;
      }
    }

    &-no-results {
      text-align: center;
      margin: 2.5em 0;
    }

    &-extra-space {
      margin-bottom: 2em;
    }

    &-highlight {
      background-color: $highlight-color;
    }
  }
}

.footer {
  font: {
    family: $heading-font;
    size: 0.9em;
  }

  margin: 0 0.2em;

  @media screen and (min-width: $small-bp) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
{'fraction_non_alphanumeric': 0.14812898775650973, 'fraction_numerical': 0.03655802724607691, 'mean_word_length': 1.9774127310061602, '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': '2601694', 'n_tokens_mistral': 2375, 'n_tokens_neox': 2121, 'n_words': 468}