<commit_before>* {
  box-sizing: inherit;
}

body {
  color: #333;
  background: $dark_blue;
  font-family: $lato;
  padding-top: 2.5em;
}
h1, h2, h3, h4, h5, h6 {
  display: inline-block;
  font-family: $roboto;
  margin: 0;
  width: 100%;
}
img {
  width: 100%;
}
main {
  margin: 0 auto;
  max-width: 2048px;
}
ul {
  list-style: none;
}
a {
  color: $link_blue;
  text-decoration: none;

  &:hover {
    color: #7AF;
  }
}
label {
  cursor: pointer;
}
textarea {
  resize: vertical;
}
hr {
  background: $green;
  border: 0;
  height: 3px;
}
pre {
  white-space: pre-wrap;
  background: #332;
  color: #F8FFFF;
  font-family: $sharetech;
  padding: 6px 12px;
  margin: 1em auto;
  width: 98%;
}

.hide {
  position: absolute !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  padding: 0 !important;
  margin: -1px !important;
  height: 1px !important;
  width: 1px !important;
  top: 0 !important;
  left: -999em !important;
}

canvas {
  margin: 0 auto;
  width: 100%;
}
.canvas-wrapper {
  text-align: center;
  width: 100%;
}

.only-tablet-up,
.only-desktop-up {
  display: none;
}

nav {
  position: fixed;
  display: flex;
  z-index: 10;
  justify-content: space-around;
  background: $offwhite;
  @include box-shadow(0 0 8px 0 #000);
  width: 100%;
  top: 0;
  left: 0;
}
.nav-link {
  font-size: 20px;
  text-align: center;
  padding: 12px 0;
  width: 20%;
}
.nav-name {
  display: none;
}

article {
  box-sizing: border-box;
  background: $offwhite;
  padding: 8px 12px;
  margin: 12px auto;
  width: 94%;

  .col-50 {
    background: #FFF;
    padding: 8px 12px;
    margin: 12px auto;
  }
}
.article-heading {
  color: $dark_blue;
  font-size: 1.8em;
  padding: 4px 0;
}
.article-title {
  padding: 4px 0;

  a {
    display: inline-block;
    border-bottom: 3px solid $green;
    padding: 0 4px 8px;
  }
}
.article-body {
  line-height: 1.4;
  padding: 8px 2px;
  margin: 0;

  &.quote {
    background: #FFF;
    font: 1em $roboto;
    margin: 8px 12px;
  }
}
.article-preview {
  display: none;
}
.image-wrapper {
  display: block;
  margin: 0 auto;
  width: 94%;
  max-width: 600px;

  &.thumbnail {
    max-width: 320px;
  }
}
.code {
  background: #FFF;
  font-family: $sharetech;
  font-size: 0.875em;
  padding: 4px 6px;
}

footer {
  background: $offwhite;
  font: 16px $roboto;
  text-align: center;
}
.footer-links a {
  display: inline-block;
  padding: 12px 6px;
}
.mail-link {
  display: inline-block;
  padding: 0 0 12px;
}
<commit_msg>Break words in pre tags to for small displays<commit_after>* {
  box-sizing: inherit;
}

body {
  color: #333;
  background: $dark_blue;
  font-family: $lato;
  padding-top: 2.5em;
}
h1, h2, h3, h4, h5, h6 {
  display: inline-block;
  font-family: $roboto;
  margin: 0;
  width: 100%;
}
img {
  width: 100%;
}
main {
  margin: 0 auto;
  max-width: 2048px;
}
ul {
  list-style: none;
}
a {
  color: $link_blue;
  text-decoration: none;

  &:hover {
    color: #7AF;
  }
}
label {
  cursor: pointer;
}
textarea {
  resize: vertical;
}
hr {
  background: $green;
  border: 0;
  height: 3px;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #332;
  color: #F8FFFF;
  font-family: $sharetech;
  padding: 6px 12px;
  margin: 1em auto;
  width: 98%;
}

.hide {
  position: absolute !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  padding: 0 !important;
  margin: -1px !important;
  height: 1px !important;
  width: 1px !important;
  top: 0 !important;
  left: -999em !important;
}

canvas {
  margin: 0 auto;
  width: 100%;
}
.canvas-wrapper {
  text-align: center;
  width: 100%;
}

.only-tablet-up,
.only-desktop-up {
  display: none;
}

nav {
  position: fixed;
  display: flex;
  z-index: 10;
  justify-content: space-around;
  background: $offwhite;
  @include box-shadow(0 0 8px 0 #000);
  width: 100%;
  top: 0;
  left: 0;
}
.nav-link {
  font-size: 20px;
  text-align: center;
  padding: 12px 0;
  width: 20%;
}
.nav-name {
  display: none;
}

article {
  box-sizing: border-box;
  background: $offwhite;
  padding: 8px 12px;
  margin: 12px auto;
  width: 94%;

  .col-50 {
    background: #FFF;
    padding: 8px 12px;
    margin: 12px auto;
  }
}
.article-heading {
  color: $dark_blue;
  font-size: 1.8em;
  padding: 4px 0;
}
.article-title {
  padding: 4px 0;

  a {
    display: inline-block;
    border-bottom: 3px solid $green;
    padding: 0 4px 8px;
  }
}
.article-body {
  line-height: 1.4;
  padding: 8px 2px;
  margin: 0;

  &.quote {
    background: #FFF;
    font: 1em $roboto;
    margin: 8px 12px;
  }
}
.article-preview {
  display: none;
}
.image-wrapper {
  display: block;
  margin: 0 auto;
  width: 94%;
  max-width: 600px;

  &.thumbnail {
    max-width: 320px;
  }
}
.code {
  background: #FFF;
  font-family: $sharetech;
  font-size: 0.875em;
  padding: 4px 6px;
}

footer {
  background: $offwhite;
  font: 16px $roboto;
  text-align: center;
}
.footer-links a {
  display: inline-block;
  padding: 12px 6px;
}
.mail-link {
  display: inline-block;
  padding: 0 0 12px;
}

{'fraction_non_alphanumeric': 0.15245933764452282, 'fraction_numerical': 0.05212620027434842, 'mean_word_length': 2.899159663865546, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6110092', 'n_tokens_mistral': 2353, 'n_tokens_neox': 2112, 'n_words': 546}