<commit_before>@import "config";

@mixin flexbox {
  .flexbox & {
    @content;
  }
}

@mixin no-flexbox {
  .no-flexbox & {
    @content;
  }
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Open Sans", sans-serif;

  @include flexbox {
    display: flex;
    flex-direction: column;
  }

  @include no-flexbox {
    padding-bottom: 12em;
  }
}

.app-container {
  @include flexbox {
    flex: 1;
    display: flex;
    flex-direction: column;

    > div {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
  }
}

.top {
  background-color: $primaryDarkPurple;
  height: 3em;

  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
  position: relative;

  padding-left: 10px;
}

.logo {
  float: left;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.title {
  color: $whiteText;
  float: left;
  font-weight: bolder;
  font-size: large;
  line-height: 3em;
  margin-left: 10px;
  letter-spacing: 1px;
}

#container {
  overflow-y: auto;
  box-sizing: border-box;
  background-color: $backgroundBeige;

  @include flexbox {
    display: flex;
    flex-direction: row;
    flex: 2;
  }

  @include no-flexbox {
    position: absolute;
    bottom: 12em;
    top: 3em;
    width: 100%;
  }
}

#code {
  min-height: 20em;

  @include flexbox {<commit_msg>Fix background color<commit_after>@import "config";

@mixin flexbox {
  .flexbox & {
    @content;
  }
}

@mixin no-flexbox {
  .no-flexbox & {
    @content;
  }
}

html {
  height: 100%;
}

body {
  background-color: $backgroundBeige;
  height: 100%;
  font-family: "Open Sans", sans-serif;

  @include flexbox {
    display: flex;
    flex-direction: column;
  }

  @include no-flexbox {
    padding-bottom: 12em;
  }
}

.app-container {
  @include flexbox {
    flex: 1;
    display: flex;
    flex-direction: column;

    > div {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
  }
}

.top {
  background-color: $primaryDarkPurple;
  height: 3em;

  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
  position: relative;

  padding-left: 10px;
}

.logo {
  float: left;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.title {
  color: $whiteText;
  float: left;
  font-weight: bolder;
  font-size: large;
  line-height: 3em;
  margin-left: 10px;
  letter-spacing: 1px;
}

#container {
  overflow-y: auto;
  box-sizing: border-box;

  @include flexbox {
    display: flex;
    flex-direction: row;
    flex: 2;
  }

  @include no-flexbox {
    position: absolute;
    bottom: 12em;
    top: 3em;
    width: 100%;
  }
}

#code {
  min-height: 20em;

  @include flexbox {
{'fraction_non_alphanumeric': 0.1475913905022207, 'fraction_numerical': 0.05534677143833276, 'mean_word_length': 2.867899603698811, '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': '7349389', 'n_tokens_mistral': 1287, 'n_tokens_neox': 1126, 'n_words': 242}