<commit_before>@import '../variables.scss';
@import '../mixins.scss';

div.collection {
  background-color: #333;

  div.group {
    display: block;
    margin: 1px 0;
    padding: 10px;
    color: #ccc;
    background-color: $lighter-background;;
    cursor: pointer;

    &:hover {
      background-color: $light-background;
      color: white;

      div.header {
        span.group-album-artist {
          color: #ccc;
        }
      }
    };

    &.untitled {
      padding: 4px 0;
    }

    span {
      font-size: 11px;
    }

    span.glyphicon {
      font-weight: bold;
    }

    &>div.collection {
      div.group.expanded {
        div.header {
          span.name {
            font-size: 16px;
          }
        }
      }
    }

    &.expanded {
      @include fade-in(background-color);
      background-color: #222;

      div.header {
        span.name {
          font-weight: 300;
          font-size: 18px;
          color: white;
        }

        span.group-album-artist {
          display: none;
        }
      }
    }

    div.header {
      span.name {
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }

      span.group-album-artist {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 500;
        color: #777;
      }

      span.glyphicon {
        padding-left: 10px;
        color: #999;
        font-size: 14px;
        font-weight: 100;

        &:hover {
          color: white;
        }

        &.glyphicon-time {
          color: #666;
        }
      }

      span.controls {
        float: right;
      }

      span.duration {
        margin-left: 5px;
        font-weight: normal;
        color: #666;
        font-size: 12px;
      }

      div.attributes {
        color: #888;

        span {
          font-size: 13px;
          font-weight: 200;

          &.bull {
            margin: 0 8px;
            color: #444;
          }
        }
      }

      img {
        display: none;

        &.visible {
          float: left;
          display: block;
          max-height: 200px;
          margin: -10px 10px 10px -10px;
        }
      }
    }

    div.tracks {
      ol {
        margin: 5px 0;
        padding: 0;
        color: #777;
        display: block;
        list-style: none;
        counter-reset: li;

        &.upper-roman li::before {
          content: counter(li, upper-roman) ".";
        }

        li {<commit_msg>Reduce default size of group image back to 150px<commit_after>@import '../variables.scss';
@import '../mixins.scss';

div.collection {
  background-color: #333;

  div.group {
    display: block;
    margin: 1px 0;
    padding: 10px;
    color: #ccc;
    background-color: $lighter-background;;
    cursor: pointer;

    &:hover {
      background-color: $light-background;
      color: white;

      div.header {
        span.group-album-artist {
          color: #ccc;
        }
      }
    };

    &.untitled {
      padding: 4px 0;
    }

    span {
      font-size: 11px;
    }

    span.glyphicon {
      font-weight: bold;
    }

    &>div.collection {
      div.group.expanded {
        div.header {
          span.name {
            font-size: 16px;
          }
        }
      }
    }

    &.expanded {
      @include fade-in(background-color);
      background-color: #222;

      div.header {
        span.name {
          font-weight: 300;
          font-size: 18px;
          color: white;
        }

        span.group-album-artist {
          display: none;
        }
      }
    }

    div.header {
      span.name {
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
      }

      span.group-album-artist {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 500;
        color: #777;
      }

      span.glyphicon {
        padding-left: 10px;
        color: #999;
        font-size: 14px;
        font-weight: 100;

        &:hover {
          color: white;
        }

        &.glyphicon-time {
          color: #666;
        }
      }

      span.controls {
        float: right;
      }

      span.duration {
        margin-left: 5px;
        font-weight: normal;
        color: #666;
        font-size: 12px;
      }

      div.attributes {
        color: #888;

        span {
          font-size: 13px;
          font-weight: 200;

          &.bull {
            margin: 0 8px;
            color: #444;
          }
        }
      }

      img {
        display: none;

        &.visible {
          float: left;
          display: block;
          max-height: 150px;
          margin: -10px 10px 10px -10px;
        }
      }
    }

    div.tracks {
      ol {
        margin: 5px 0;
        padding: 0;
        color: #777;
        display: block;
        list-style: none;
        counter-reset: li;

        &.upper-roman li::before {
          content: counter(li, upper-roman) ".";
        }

        li {
{'fraction_non_alphanumeric': 0.11914893617021277, 'fraction_numerical': 0.03505572441742655, 'mean_word_length': 1.1658622202720492, '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': '2136453', 'n_tokens_mistral': 1772, 'n_tokens_neox': 1558, 'n_words': 320}