<commit_before>//
// Office UI Fabric
// --------------------------------------------------
// List item styles


.ms-ListItem {
  .ms-font-m;
  .ms-u-normalize;
  .ms-u-clearfix;
  padding: 11px 30px 10px 30px;
  position: relative;
}

.ms-ListItem-image {
  float: left;
  height: 70px;
  margin-left: -10px; // Images sit closer to the edge than text.
  margin-right: 10px;
  width: 70px;
}

.ms-ListItem-primaryText, .ms-ListItem-secondaryText, .ms-ListItem-tertiaryText {
  .noWrap;
  display: block;
}

.ms-ListItem-primaryText {
  color: @ms-color-neutralDark;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-xl;
  padding-right: 80px; // Prevent overlap with up to three actions.
  position: relative;
  top: -4px;
}

.ms-ListItem-secondaryText {
  color: @ms-color-neutralPrimary;
  font-family: @ms-font-family-regular;
  font-size: @ms-font-size-m;
  line-height: 25px;
  position: relative;
  top: -7px;
  padding-right: 30px;
}

.ms-ListItem-tertiaryText {
  color: @ms-color-neutralSecondaryAlt;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-m;
  line-height: 15px;
  position: relative;
  top: -7px;
  padding-right: 30px;
}

.ms-ListItem-metaText {
  color: @ms-color-neutralPrimary;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-xs;
  position: absolute;
  right: 30px;
  top: 39px;
}

.ms-ListItem-selectionTarget {
  display: none;
}

.ms-ListItem-actions {
  max-width: 80px; // Up to three actions.
  position: absolute;
  right: 30px;
  text-align: right;
  top: 10px;
}

.ms-ListItem-action {
  color: @ms-color-neutralSecondary;
  display: inline-block;
  font-size: 15px;
  margin-left: 8px;
  position: relative;
  text-align: center;
  top: 3px;
  cursor: pointer;

  &:hover {
    outline: 1px solid transparent;
  }
}


//== States

.ms-ListItem.is-unread {
  border-left: 3px solid @ms-color-themePrimary;
  padding-left: 27px; // Reduce padding to allow room for border.

  .ms-ListItem-secondaryText, .ms-ListItem-metaText {
    color: @ms-color-themePrimary;
    font-family: @ms-font-family-semibold;
  }
}

.ms-ListItem.is-unseen:before {
  border-right: 10px solid transparent;
  border-top: 10px solid @ms-color-themePrimary;
  left: 0;
  position: absolute;
  top: 0;
}

.ms-ListItem.is-selectable {

  .ms-ListItem-selectionTarget {
    display: block;
    height: 20px;
    left: 6px;
    position: absolute;
    top: 13px;
    width: 20px;
  }

  &:hover {
    background-color: @ms-color-neutralLight;
    cursor: pointer;
    outline: 1px solid transparent;

    // Insert the empty box.
    &:before {
      .ms-Icon;
      content: '\e03f';
      font-size: 18px;
      color: @ms-color-neutralSecondaryAlt;
      position: absolute;
      top: 22px;
      left: 8px;
    }
  }
}

.ms-ListItem.is-selected {

  // Insert the checkmark.
  &:before, &:hover:before {<commit_msg>Fix is-unseen is-selectable hover bug<commit_after>//
// Office UI Fabric
// --------------------------------------------------
// List item styles


.ms-ListItem {
  .ms-font-m;
  .ms-u-normalize;
  .ms-u-clearfix;
  padding: 11px 30px 10px 30px;
  position: relative;
}

.ms-ListItem-image {
  float: left;
  height: 70px;
  margin-left: -10px; // Images sit closer to the edge than text.
  margin-right: 10px;
  width: 70px;
}

.ms-ListItem-primaryText, .ms-ListItem-secondaryText, .ms-ListItem-tertiaryText {
  .noWrap;
  display: block;
}

.ms-ListItem-primaryText {
  color: @ms-color-neutralDark;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-xl;
  padding-right: 80px; // Prevent overlap with up to three actions.
  position: relative;
  top: -4px;
}

.ms-ListItem-secondaryText {
  color: @ms-color-neutralPrimary;
  font-family: @ms-font-family-regular;
  font-size: @ms-font-size-m;
  line-height: 25px;
  position: relative;
  top: -7px;
  padding-right: 30px;
}

.ms-ListItem-tertiaryText {
  color: @ms-color-neutralSecondaryAlt;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-m;
  line-height: 15px;
  position: relative;
  top: -7px;
  padding-right: 30px;
}

.ms-ListItem-metaText {
  color: @ms-color-neutralPrimary;
  font-family: @ms-font-family-semilight;
  font-size: @ms-font-size-xs;
  position: absolute;
  right: 30px;
  top: 39px;
}

.ms-ListItem-selectionTarget {
  display: none;
}

.ms-ListItem-actions {
  max-width: 80px; // Up to three actions.
  position: absolute;
  right: 30px;
  text-align: right;
  top: 10px;
}

.ms-ListItem-action {
  color: @ms-color-neutralSecondary;
  display: inline-block;
  font-size: 15px;
  margin-left: 8px;
  position: relative;
  text-align: center;
  top: 3px;
  cursor: pointer;

  &:hover {
    outline: 1px solid transparent;
  }
}


//== States

.ms-ListItem.is-unread {
  border-left: 3px solid @ms-color-themePrimary;
  padding-left: 27px; // Reduce padding to allow room for border.

  .ms-ListItem-secondaryText, .ms-ListItem-metaText {
    color: @ms-color-themePrimary;
    font-family: @ms-font-family-semibold;
  }
}

.ms-ListItem.is-unseen:before {
  border-right: 10px solid transparent;
  border-top: 10px solid @ms-color-themePrimary;
  left: 0;
  position: absolute;
  top: 0;
  display: inline;
}

.ms-ListItem.is-selectable {

  .ms-ListItem-selectionTarget {
    display: block;
    height: 20px;
    left: 6px;
    position: absolute;
    top: 13px;
    width: 20px;
  }

  &:hover {
    background-color: @ms-color-neutralLight;
    cursor: pointer;
    outline: 1px solid transparent;

    // Insert the empty box.
    &:before {
      .ms-Icon;
      font-size: 18px;
      color: @ms-color-neutralSecondaryAlt;
      position: absolute;
      top: 0px;
      left: 0px;
    }
  }
}

.ms-ListItem.is-selected {

  // Insert the checkmark.
  &:before, &:hover:before {
{'fraction_non_alphanumeric': 0.15895754228512254, 'fraction_numerical': 0.022954780807732136, 'mean_word_length': 2.75810635538262, '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': '2122595', 'n_tokens_mistral': 2342, 'n_tokens_neox': 2177, 'n_words': 462}