<commit_before>// General

.attachments {
  clear: both;
  margin-bottom: 2px;

  a {
    color: #000088;
    text-decoration: none;

    &:hover span {
      text-decoration: underline;
    }
  }

  .remove-attachment {
    display: none;
  }

  // Clearfix (http://www.cssmojo.com/latest_new_clearfix_so_far/)
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}

.image-attachments {
  .attachment {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 8px 0;
    box-sizing: content-box;
    text-align: center;

    &.surplus {
      display: none;
    }
  }

  .image-attachment-img {
    max-width: 525px;
    max-height: 175px;
    @media (max-width: 400px) {
      max-width: 250px;
      height: auto;
   }
  }

  .image-attachment-link {
    display: block;
    min-width: 32px;
    min-height: 32px;
    line-height: 30px;
    cursor: zoom-in;
    border: 1px solid silver;
    padding: 1px;

    &:hover {
      border-color: #aaa;
    }
  }

  &.single-image .attachment {
    height: auto;
    line-height: normal;
  }

  &.expanded .attachment.surplus {
    display: inline-block;
  }

  .toggle-surplus {
    display: none;
    color: #fad889; // logotype yellow (#f9b616) with lower saturation;
    font-size: 2em;
    text-decoration: none;
    position: relative;
    top: 2px;
  }

  &.has-surplus .toggle-surplus {
    display: inline-block;

    // fa-chevron-circle-right
    &:before {
      content: "\f138";
    }
  }

  &.has-surplus.expanded .toggle-surplus {
    // fa-chevron-circle-left
    &:before {
      content: "\f137";
    }
  }
}

.audio-attachments,
.general-attachments {
  .attachment {
    position: relative;
    display: block;
    margin: 0 8px 8px 0;

    i {
      color: #666666;
      padding: 0 1px;
      margin-right: 4px;
    }
  }<commit_msg>Show transparent images on white background in lightbox<commit_after>// General

.attachments {
  clear: both;
  margin-bottom: 2px;

  a {
    color: #000088;
    text-decoration: none;

    &:hover span {
      text-decoration: underline;
    }
  }

  .remove-attachment {
    display: none;
  }

  // Clearfix (http://www.cssmojo.com/latest_new_clearfix_so_far/)
  &:after {
    content: '';
    display: table;
    clear: both;
  }
}

.image-attachments {
  .attachment {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 8px 0;
    box-sizing: content-box;
    text-align: center;

    &.surplus {
      display: none;
    }
  }

  .image-attachment-img {
    max-width: 525px;
    max-height: 175px;
    @media (max-width: 400px) {
      max-width: 250px;
      height: auto;
   }
  }

  .image-attachment-link {
    display: block;
    min-width: 32px;
    min-height: 32px;
    line-height: 30px;
    cursor: zoom-in;
    border: 1px solid silver;
    padding: 1px;

    &:hover {
      border-color: #aaa;
    }
  }

  &.single-image .attachment {
    height: auto;
    line-height: normal;
  }

  &.expanded .attachment.surplus {
    display: inline-block;
  }

  .toggle-surplus {
    display: none;
    color: #fad889; // logotype yellow (#f9b616) with lower saturation;
    font-size: 2em;
    text-decoration: none;
    position: relative;
    top: 2px;
  }

  &.has-surplus .toggle-surplus {
    display: inline-block;

    // fa-chevron-circle-right
    &:before {
      content: "\f138";
    }
  }

  &.has-surplus.expanded .toggle-surplus {
    // fa-chevron-circle-left
    &:before {
      content: "\f137";
    }
  }

  .pswp__img {
    background-color: #fff;
  }
}

.audio-attachments,
.general-attachments {
  .attachment {
    position: relative;
    display: block;
    margin: 0 8px 8px 0;

    i {
      color: #666666;
      padding: 0 1px;
      margin-right: 4px;
    }
  }
{'fraction_non_alphanumeric': 0.13667366211962226, 'fraction_numerical': 0.030954879328436515, 'mean_word_length': 2.1050488599348536, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '753416', 'n_tokens_mistral': 1530, 'n_tokens_neox': 1381, 'n_words': 294}