<commit_before>
table { border-spacing: 0; }

#cyber-dojo-page {
  font-size: 0.9em;
     margin: { top: 0.3em; left: 0.3em; }
    padding: { bottom: 32px; } // ensure that nothing gets hidden by the footer
      color: $lighter-color;
}

body {
  @include non-code-font();
  background: $darker-color;
     padding: none;
      margin: 0px;
}

.panel {
  background: $darker-color;
       color: $lighter-color;
      border: 1px solid lighten($darker-color, 8%);
     padding: 5px;
      margin: { left: 10px; right: 10px; bottom: 1px; }
}

.avatar-image {
  margin: { left: 0px; right: 1px; top: 0px; bottom: 0px; }
  cursor: pointer;
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

$filename_and_button_border_size: 1px;

button {
  @include rounded-corner(6px);
  @include gradient-lighten(darken($lighter-color, 12%), 9%, 2%, 0%);

          display: inline-block;
           cursor: pointer;
          padding: { left: 0.5em; right: 0.5em; bottom: 0.1em; }
  text-decoration: none;
      font-weight: normal;
           border: $filename_and_button_border_size solid $darker-color;

  &:hover { border: $filename_and_button_border_size dotted lighten($darker-color, 20%); }
  &[disabled] {
    background: lighten($darker-color, 20%);
        cursor: default;
    &:hover { border: $filename_and_button_border_size solid $darker-color; }
  }
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

.filename_div { display: none; }

div[class~='filename'] {
  @include plaintext-font();
  @include font-size-small();

  // no up/down scrolling, #filename-list has its own
  overflow-y: none;
  &::-webkit-scrollbar:vertical { width: 0px; }

  background: $darker-color;
       color: lighten($darker-color, 30%);
      margin: { bottom: 2px; left: 0px; left: 0px; right: 0px; }
     padding: { right: 0px; }
      cursor: pointer;
  text-align: right;

  // individual left/right scrolling for looooooong filenames
  &::-webkit-scrollbar:horizontal { height: 0px; }
    max-width: 250px;
   overflow-x: auto;
    direction: rtl;

  &:hover { color: lighten($darker-color, 60); }
  &[class~='selected'] {
    // See app/assets/javascripts/cyber-dojo_file_load.js function radioEntrySwitch()
         color: $lighter-color;
    background: $darker-color;
        cursor: default;
    &:hover { color: $lighter-color; }
  }
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

.line_numbers, .file_content, .diff_line_numbers, #instructions { @include code-font; }

.line_numbers, .file_content {
  background: lighten($darker-color, 4%);
      height: 560px;
      border: 0px;
      margin: 0px;
     padding: 0px;
     display: block;
    overflow: auto;
}
<commit_msg>remove direction:trl CSS which isn't needed and causes dot files to render incorrectly<commit_after>
table { border-spacing: 0; }

#cyber-dojo-page {
  font-size: 0.9em;
     margin: { top: 0.3em; left: 0.3em; }
    padding: { bottom: 32px; } // ensure that nothing gets hidden by the footer
      color: $lighter-color;
}

body {
  @include non-code-font();
  background: $darker-color;
     padding: none;
      margin: 0px;
}

.panel {
  background: $darker-color;
       color: $lighter-color;
      border: 1px solid lighten($darker-color, 8%);
     padding: 5px;
      margin: { left: 10px; right: 10px; bottom: 1px; }
}

.avatar-image {
  margin: { left: 0px; right: 1px; top: 0px; bottom: 0px; }
  cursor: pointer;
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

$filename_and_button_border_size: 1px;

button {
  @include rounded-corner(6px);
  @include gradient-lighten(darken($lighter-color, 12%), 9%, 2%, 0%);

          display: inline-block;
           cursor: pointer;
          padding: { left: 0.5em; right: 0.5em; bottom: 0.1em; }
  text-decoration: none;
      font-weight: normal;
           border: $filename_and_button_border_size solid $darker-color;

  &:hover { border: $filename_and_button_border_size dotted lighten($darker-color, 20%); }
  &[disabled] {
    background: lighten($darker-color, 20%);
        cursor: default;
    &:hover { border: $filename_and_button_border_size solid $darker-color; }
  }
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

.filename_div { display: none; }

div[class~='filename'] {
  @include plaintext-font();
  @include font-size-small();

  // no up/down scrolling, #filename-list has its own
  overflow-y: none;
  &::-webkit-scrollbar:vertical { width: 0px; }

  background: $darker-color;
       color: lighten($darker-color, 30%);
      margin: { bottom: 2px; left: 0px; left: 0px; right: 0px; }
     padding: { right: 0px; }
      cursor: pointer;
  text-align: right;

  // individual left/right scrolling for looooooong filenames
  &::-webkit-scrollbar:horizontal { height: 0px; }
    max-width: 250px;
   overflow-x: auto;

  &:hover { color: lighten($darker-color, 60); }
  &[class~='selected'] {
    // See app/assets/javascripts/cyber-dojo_file_load.js function radioEntrySwitch()
         color: $lighter-color;
    background: $darker-color;
        cursor: default;
    &:hover { color: $lighter-color; }
  }
}

// - - - - - - - - - - - - - - - - - - - - - - - - - - -

.line_numbers, .file_content, .diff_line_numbers, #instructions { @include code-font; }

.line_numbers, .file_content {
  background: lighten($darker-color, 4%);
      height: 560px;
      border: 0px;
      margin: 0px;
     padding: 0px;
     display: block;
    overflow: auto;
}

{'fraction_non_alphanumeric': 0.1686526122823098, 'fraction_numerical': 0.021998166819431713, 'mean_word_length': 2.464126984126984, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, 'word_list_counts': {'cursed_substrings.json': 24, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2222927', 'n_tokens_mistral': 2115, 'n_tokens_neox': 1956, 'n_words': 428}