<commit_before>
.family {

  @extend %fade;

  -webkit-animation: fade $transition * 4 forwards;
  animation: fade $transition * 4 forwards;
  margin-bottom: 1em;

  .cssanimations & { opacity: 0; }
}

@-webkit-keyframes fade {
  to {
    opacity: 1;
  }
}

@keyframes fade {
  to {
    opacity: 1;
  }
}

.family-link {

  @extend %flat-bg;

  border-radius: .5em .5em 0 0;
  color: $text-color;
  display: block;
  padding: 1em 2em .5em;
  position: relative;

  @include breakpoint(medium) {
    padding: .5em 1em 0;
  }

  &:hover {
    color: $accent;
  }

}

.family-title {

  @extend %fade;

  color: inherit;
  font-size: 2em;
  line-height: 1.45;
  text-transform: none;

  @include breakpoint(medium) {
    font-size: 1.75em;
    height: 40px;
    overflow: hidden;
  }
}

.family-title-small {
  @extend %xsmall;

  @extend %lighten;

}

.language-rtl {
  direction: rtl;
}

.family-tags {

  @extend %clearfix;

  background: rgba($white, .5);
  border-radius: 0 0 .5em .5em;
  min-height: 30px;
  padding: .5em 2em;
  position: relative;

  @include breakpoint(medium) {
    padding: .5em 1em;

    .btn {
      display: none;
    }
  }

}

.family-meta {

  @extend %small;

  @extend %upper;

  @extend %tight;

  color: rgba($text-color, .35);
  position: absolute;
  right: 2.25em;
  text-align: right;
  top: -1.25em;
  z-index: 200;

  @include breakpoint(medium) {
    display: none;
  }

}

.meta {
  position: relative;

  &[data-title]:hover {
    color: rgba($text-color, .25);
    cursor: help;

    &:before {
      border-color: transparent transparent $accent;
      border-style: solid;
      border-width: 5px;
      content: '';
      display: block;
      left: 48%;
      position: absolute;
      top: 77%;
    }

    &:after {
      background: $accent;
      border-radius: 5px;
      color: $white;
      content: attr(data-title);
      display: block;
      left: 0;
      padding: .5em;
      position: absolute;
      text-align: left;
      top: 140%;
      width: 200%;
      z-index: 100;
    }

  }
}

<commit_msg>removes z-index on meta<commit_after>
.family {

  @extend %fade;

  -webkit-animation: fade $transition * 4 forwards;
  animation: fade $transition * 4 forwards;
  margin-bottom: 1em;

  .cssanimations & { opacity: 0; }
}

@-webkit-keyframes fade {
  to {
    opacity: 1;
  }
}

@keyframes fade {
  to {
    opacity: 1;
  }
}

.family-link {

  @extend %flat-bg;

  border-radius: .5em .5em 0 0;
  color: $text-color;
  display: block;
  padding: 1em 2em .5em;
  position: relative;

  @include breakpoint(medium) {
    padding: .5em 1em 0;
  }

  &:hover {
    color: $accent;
  }

}

.family-title {

  @extend %fade;

  color: inherit;
  font-size: 2em;
  line-height: 1.45;
  text-transform: none;

  @include breakpoint(medium) {
    font-size: 1.75em;
    height: 40px;
    overflow: hidden;
  }
}

.family-title-small {
  @extend %xsmall;

  @extend %lighten;

}

.language-rtl {
  direction: rtl;
}

.family-tags {

  @extend %clearfix;

  background: rgba($white, .5);
  border-radius: 0 0 .5em .5em;
  min-height: 30px;
  padding: .5em 2em;
  position: relative;

  @include breakpoint(medium) {
    padding: .5em 1em;

    .btn {
      display: none;
    }
  }

}

.family-meta {

  @extend %small;

  @extend %upper;

  @extend %tight;

  color: rgba($text-color, .35);
  position: absolute;
  right: 2.25em;
  text-align: right;
  top: -1.25em;

  @include breakpoint(medium) {
    display: none;
  }

}

.meta {
  position: relative;

  &[data-title]:hover {
    color: rgba($text-color, .25);
    cursor: help;

    &:before {
      border-color: transparent transparent $accent;
      border-style: solid;
      border-width: 5px;
      content: '';
      display: block;
      left: 48%;
      position: absolute;
      top: 77%;
    }

    &:after {
      background: $accent;
      border-radius: 5px;
      color: $white;
      content: attr(data-title);
      display: block;
      left: 0;
      padding: .5em;
      position: absolute;
      text-align: left;
      top: 140%;
      width: 200%;
      z-index: 100;
    }

  }
}


{'fraction_non_alphanumeric': 0.14730189596499757, 'fraction_numerical': 0.03135634419056879, 'mean_word_length': 2.281499202551834, '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': '1735963', 'n_tokens_mistral': 1718, 'n_tokens_neox': 1545, 'n_words': 371}