<commit_before>@import 'variables';

.gallery-box {
  cursor: pointer;
  width: 20px;
  text-align: center;
}
/* The + / - symbol to minimize a gallery */
.gallery-minmax, .add-gallery-icon { cursor: pointer; }
.gallery-title { height: 5px; } /* So that when a gallery is minimized there is spacing */
.selected-icon { border: 10px $border_color_icon_selected solid; }
.form-table .icon { vertical-align: middle; }

/* Basic gallery and gallery icon formatting */
.gallery { padding: 10px; }
.gallery .icon { margin: 5px; }

.gallery-icon, .character-icon-item {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  width: 130px;
  min-height: 130px;
  text-align: center;
  line-height: 14px;
  word-wrap: break-word;
  vertical-align: top;
}

.gallery-icon-editor {
  display: inline-flex;
  align-items: stretch;
  margin: 18px 18px 0px 0px;
  border: solid $border_color_icon_editor;
  border-width: 15px 1.5px 5px 1.5px;
  background-color: $bg_color_icon_editor;
  padding: 5px;
  input { height: 23px; }
  input[type='text'], input[type='file'] { width: 225px; }
}

.gallery-editor #gallery_name { height: 23px; }

.gallery-edit-form { width: 100%; }

.gallery-icons-edit {
  display: flex;
  flex-flow: row wrap;
}

.gallery-icon-table.form-table { width: unset; }

/* Tiny buttons that hover over icons to allow deleting or selecting a checkbox for editing */
.delete-button, .select-button {
  position: absolute;
  top: 0;
  right: 12px;
  cursor: pointer;
}

.delete-button {
  box-sizing: border-box;
  height: 1.5em;
  width: 1.5em;
  padding: 0.2em;
  background-color: $bg_color_mini_delete;
  border: 1px $border_color_mini_delete solid;
  color: $font_color_mini_delete;
  line-height: 1em;
  a, a:visited, a:hover { color: $font_color_mini_delete; }
}

.select-button input {
  width: 1.5em;
  height: 1.5em;
  margin: 0;
}

/* The table in galleries/add to add multiple icons at once */
#icon-table {
  margin: 0;
  width: 100%;

  .icon-buttons {
    width: 45px;
    padding: 0 5px 0 0;

    img { vertical-align: middle; }
  }
}

.icon.preview-icon, #icon-table .preview-icon {
  max-height: 27px;
  max-width: 27px;
  margin: 0;
}

.loading-icon {
  width: 16px;
  height: 16px;
}

/* Various tables with icons in previously styled with .green */
.icons-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: $bg_color_icon;
}

/* Icon credit, previously styled with .green */
.icon-credit {
  background-color: $bg_color_icon_credit;
  text-align: center;
}

/* The preview icon boxes on replace icon and replace character */
.replace-icon {
  @extend .icons-box;
  width: 150px;
  text-align: center;
}<commit_msg>Move flexbox code to .gallery-icon-editor .iconsbox<commit_after>@import 'variables';

.gallery-box {
  cursor: pointer;
  width: 20px;
  text-align: center;
}
/* The + / - symbol to minimize a gallery */
.gallery-minmax, .add-gallery-icon { cursor: pointer; }
.gallery-title { height: 5px; } /* So that when a gallery is minimized there is spacing */
.selected-icon { border: 10px $border_color_icon_selected solid; }
.form-table .icon { vertical-align: middle; }

/* Basic gallery and gallery icon formatting */
.gallery { padding: 10px; }
.gallery .icon { margin: 5px; }

.gallery-icon, .character-icon-item {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  width: 130px;
  min-height: 130px;
  text-align: center;
  line-height: 14px;
  word-wrap: break-word;
  vertical-align: top;
}

.gallery-icon-editor {
  display: inline-flex;
  align-items: stretch;
  margin: 18px 18px 0px 0px;
  border: solid $border_color_icon_editor;
  border-width: 15px 1.5px 5px 1.5px;
  background-color: $bg_color_icon_editor;
  padding: 5px;
  input { height: 23px; }
  input[type='text'], input[type='file'] { width: 225px; }

  .icons-box {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.gallery-editor #gallery_name { height: 23px; }

.gallery-edit-form { width: 100%; }

.gallery-icons-edit {
  display: flex;
  flex-flow: row wrap;
}

.gallery-icon-table.form-table { width: unset; }

/* Tiny buttons that hover over icons to allow deleting or selecting a checkbox for editing */
.delete-button, .select-button {
  position: absolute;
  top: 0;
  right: 12px;
  cursor: pointer;
}

.delete-button {
  box-sizing: border-box;
  height: 1.5em;
  width: 1.5em;
  padding: 0.2em;
  background-color: $bg_color_mini_delete;
  border: 1px $border_color_mini_delete solid;
  color: $font_color_mini_delete;
  line-height: 1em;
  a, a:visited, a:hover { color: $font_color_mini_delete; }
}

.select-button input {
  width: 1.5em;
  height: 1.5em;
  margin: 0;
}

/* The table in galleries/add to add multiple icons at once */
#icon-table {
  margin: 0;
  width: 100%;

  .icon-buttons {
    width: 45px;
    padding: 0 5px 0 0;

    img { vertical-align: middle; }
  }
}

.icon.preview-icon, #icon-table .preview-icon {
  max-height: 27px;
  max-width: 27px;
  margin: 0;
}

.loading-icon {
  width: 16px;
  height: 16px;
}

.icons-box { background-color: $bg_color_icon; }

.icon-credit {
  background-color: $bg_color_icon_credit;
  text-align: center;
}

/* The preview icon boxes on replace icon and replace character */
.replace-icon {
  @extend .icons-box;
  width: 150px;
  text-align: center;
}
{'fraction_non_alphanumeric': 0.1368401347809809, 'fraction_numerical': 0.02995132909022838, 'mean_word_length': 3.456213511259383, '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': '4922402', 'n_tokens_mistral': 2127, 'n_tokens_neox': 1919, 'n_words': 515}