<commit_before>//
// Collection
//
// A list of items that can be arranged as vertical list, horizontal toolbar or a grid.
//

@collection-item-padding: @pad-xs @pad-sm;
@collection-item-separator-color: contrast(@background-color, @border-color, lighten(@border-color, 10%));
@collection-item-separator-margin-y: @pad-xs;

@collection-item-label-font-size: @font-size-sm;
@collection-item-label-font-style: normal;
@collection-item-label-font-weight: @font-weight-normal;
@collection-item-label-text-color: @text-color;
@collection-item-label-text-transform: none;
@collection-item-label-disabled-text-color: fade(@collection-item-label-text-color, 50%);

@collection-list-item-active-background-color: @toolbar-button-active-background-color;
@collection-list-item-enabled-background-color: transparent;
@collection-toolbar-item-active-background-color: @toolbar-button-active-background-color;
@collection-toolbar-item-enabled-background-color: @toolbar-button-enabled-background-color;
@collection-grid-item-active-background-color: @toolbar-button-active-background-color;
@collection-grid-item-enabled-background-color: @toolbar-button-enabled-background-color;

@collection-item-list-icon-height: 24px;
@collection-item-list-icon-width: 24px;

@collection-group-label-background-color: lighten(@border-color, 15%);
@collection-group-label-font-size: @font-size-xs;
@collection-group-label-font-style: normal;
@collection-group-label-font-weight: @font-weight-normal;
@collection-group-label-text-color: @text-color-muted;
@collection-group-label-text-transform: none;

.tox {
  .tox-collection {
    //
  }

  .tox-collection--list {
    //
  }

  .tox-collection--toolbar {
    //
  }

  .tox-collection--grid {
    //
  }

  .tox-collection--toolbar .tox-collection__group {
    display: flex;
    padding: 0;
  }

  .tox-collection--grid .tox-collection__group {
    display: flex;
    flex-wrap: wrap;
    max-height: (32px * 6) + (32px / 2);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }

  .tox-collection--list .tox-collection__group {
    border-bottom-width: 0;
    border-color: @collection-item-separator-color;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    padding: @collection-item-separator-margin-y 0;

    &:first-child {
      border-top-width: 0;
    }
  }

  // Group headings should only be used on collection lists.
  .tox-collection__group-heading {
    background-color: @collection-group-label-background-color;
    color: @collection-group-label-text-color;
    cursor: default;
    font-size: @collection-group-label-font-size;
    font-style: @collection-group-label-font-style;
    font-weight: @collection-group-label-font-weight;
    margin-bottom: @collection-item-separator-margin-y;
    margin-top: -@collection-item-separator-margin-y;
    padding: @collection-item-padding;
    text-transform: @collection-group-label-text-transform;
    -webkit-touch-callout: none;
    user-select: none;
  }

  .tox-collection__item {
    align-items: center;
    color: @collection-item-label-text-color;
    cursor: pointer;
    display: flex;
    -webkit-touch-callout: none;
    user-select: none;
  }

  // Disabled item
  .tox-collection__item--state-disabled {
    background-color: unset;
    color: @collection-item-label-disabled-text-color;
    cursor: default;
  }

  .tox-collection--list .tox-collection__item {
    padding: @collection-item-padding;
  }

  .tox-collection--toolbar .tox-collection__item {
    border-radius: @toolbar-button-border-radius;
    padding: @pad-xs;
  }

  .tox-collection--grid .tox-collection__item {
    border-radius: @toolbar-button-border-radius;
    padding: @pad-xs;
  }

  .tox-collection--list .tox-collection__item--active {
    background-color: @collection-list-item-active-background-color;
  }

  .tox-collection--list .tox-collection__item--enabled {
    background-color: @collection-list-item-enabled-background-color;
  }

  .tox-collection--toolbar .tox-collection__item--active {
    background-color: @collection-toolbar-item-active-background-color;
  }

  .tox-collection--toolbar .tox-collection__item--enabled {
    background-color: @collection-toolbar-item-enabled-background-color;
  }

  .tox-collection--grid .tox-collection__item--active {
    background-color: @collection-grid-item-active-background-color;
  }

  .tox-collection--grid .tox-collection__item--enabled {
    background-color: @collection-grid-item-enabled-background-color;
  }

  .tox-collection__item-icon {
    align-items: center;
    display: flex;
    height: @collection-item-list-icon-height;
    justify-content: center;
    width: @collection-item-list-icon-width;<commit_msg>Added text label variables for states to collections<commit_after>//
// Collection
//
// A list of items that can be arranged as vertical list, horizontal toolbar or a grid.
//

@collection-item-padding: @pad-xs @pad-sm;
@collection-item-separator-color: contrast(@background-color, @border-color, lighten(@border-color, 10%));
@collection-item-separator-margin-y: @pad-xs;

@collection-item-label-font-size: @font-size-sm;
@collection-item-label-font-style: normal;
@collection-item-label-font-weight: @font-weight-normal;
@collection-item-label-text-color: @text-color;
@collection-item-label-text-transform: none;
@collection-item-label-disabled-text-color: fade(@collection-item-label-text-color, 50%);

@collection-list-item-active-background-color: @toolbar-button-active-background-color;
@collection-list-item-label-active-text-color: contrast(@collection-list-item-active-background-color, @color-black, @color-white);
@collection-list-item-enabled-background-color: inherit;
@collection-list-item-label-enabled-text-color: contrast(@collection-list-item-enabled-background-color, @color-black, @color-white);

@collection-toolbar-item-active-background-color: @toolbar-button-active-background-color;
@collection-toolbar-item-label-active-text-color: contrast(@collection-toolbar-item-active-background-color, @color-black, @color-white);
@collection-toolbar-item-enabled-background-color: @toolbar-button-enabled-background-color;
@collection-toolbar-item-label-enabled-text-color: contrast(@collection-toolbar-item-enabled-background-color, @color-black, @color-white);

@collection-grid-item-active-background-color: @toolbar-button-active-background-color;
@collection-grid-item-label-active-text-color: contrast(@collection-grid-item-active-background-color, @color-black, @color-white);
@collection-grid-item-enabled-background-color: @toolbar-button-enabled-background-color;
@collection-grid-item-label-enabled-text-color: contrast(@collection-grid-item-enabled-background-color, @color-black, @color-white);

@collection-item-list-icon-height: 24px;
@collection-item-list-icon-width: 24px;

@collection-group-label-background-color: lighten(@border-color, 15%);
@collection-group-label-font-size: @font-size-xs;
@collection-group-label-font-style: normal;
@collection-group-label-font-weight: @font-weight-normal;
@collection-group-label-text-color: @text-color-muted;
@collection-group-label-text-transform: none;

.tox {
  .tox-collection {
    //
  }

  .tox-collection--list {
    //
  }

  .tox-collection--toolbar {
    //
  }

  .tox-collection--grid {
    //
  }

  .tox-collection--toolbar .tox-collection__group {
    display: flex;
    padding: 0;
  }

  .tox-collection--grid .tox-collection__group {
    display: flex;
    flex-wrap: wrap;
    max-height: (32px * 6) + (32px / 2);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }

  .tox-collection--list .tox-collection__group {
    border-bottom-width: 0;
    border-color: @collection-item-separator-color;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    padding: @collection-item-separator-margin-y 0;

    &:first-child {
      border-top-width: 0;
    }
  }

  // Group headings should only be used on collection lists.
  .tox-collection__group-heading {
    background-color: @collection-group-label-background-color;
    color: @collection-group-label-text-color;
    cursor: default;
    font-size: @collection-group-label-font-size;
    font-style: @collection-group-label-font-style;
    font-weight: @collection-group-label-font-weight;
    margin-bottom: @collection-item-separator-margin-y;
    margin-top: -@collection-item-separator-margin-y;
    padding: @collection-item-padding;
    text-transform: @collection-group-label-text-transform;
    -webkit-touch-callout: none;
    user-select: none;
  }

  .tox-collection__item {
    align-items: center;
    color: @collection-item-label-text-color;
    cursor: pointer;
    display: flex;
    -webkit-touch-callout: none;
    user-select: none;
  }

  // Disabled item
  .tox-collection__item--state-disabled {
    background-color: unset;
    color: @collection-item-label-disabled-text-color;
    cursor: default;
  }

  .tox-collection--list .tox-collection__item {
    padding: @collection-item-padding;
  }

  .tox-collection--toolbar .tox-collection__item {
    border-radius: @toolbar-button-border-radius;
    padding: @pad-xs;
  }

  .tox-collection--grid .tox-collection__item {
    border-radius: @toolbar-button-border-radius;
    padding: @pad-xs;
  }

  .tox-collection--list .tox-collection__item--active {
    background-color: @collection-list-item-active-background-color;
    color: @collection-list-item-label-active-text-color;
  }

  .tox-collection--list .tox-collection__item--enabled {
    background-color: @collection-list-item-enabled-background-color;
    color: @collection-list-item-label-enabled-text-color;
  }

  .tox-collection--toolbar .tox-collection__item--active {
    background-color: @collection-toolbar-item-active-background-color;
    color: @collection-toolbar-item-label-active-text-color;
  }

  .tox-collection--toolbar .tox-collection__item--enabled {
    background-color: @collection-toolbar-item-enabled-background-color;
    color: @collection-toolbar-item-label-enabled-text-color;
  }

  .tox-collection--grid .tox-collection__item--active {
    background-color: @collection-grid-item-active-background-color;
    color: @collection-grid-item-label-active-text-color;
  }

  .tox-collection--grid .tox-collection__item--enabled {
    background-color: @collection-grid-item-enabled-background-color;
    color: @collection-grid-item-label-enabled-text-color;
  }

  .tox-collection__item-icon {
    align-items: center;
    display: flex;
    height: @collection-item-list-icon-height;
    justify-content: center;
    width: @collection-item-list-icon-width;
{'fraction_non_alphanumeric': 0.15053360793858828, 'fraction_numerical': 0.004493540535480247, 'mean_word_length': 3.7061674008810574, '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': '6883949', 'n_tokens_mistral': 3556, 'n_tokens_neox': 3386, 'n_words': 492}