<commit_before>@import "bootstrap/mixins";

@arrow-long-side: 17px;
@arrow-pointy-side: 11px;

// drop `factlink-` prefix when getting rid of Bootstrap popovers
.factlink-popover {
  z-index: 119;
  position: relative;
  visibility: visible;
  display: inline-block;

  .factlink-popover-content {
    display: inline-block;
    .background-clip(padding-box);
    background: white;
    border-radius: @baseBorderRadius;
    box-shadow: @blockBorder, 0 @factlinkPopoverShadowBottomSize 5px @factlinkPopoverShadowBottomColor;
  }

  &.bottom {
    .factlink-popover-content {
      margin-top: @arrow-pointy-side;
    }
    .factlink-popover-arrow {
      .triangle-arrow-up(@factlinkPopoverArrowTopBorderColor);
      top: @arrow-pointy-side;
    }
  }

  &.top {
    .factlink-popover-content {
      margin-bottom: @arrow-pointy-side;
    }
    .factlink-popover-arrow {
      .triangle-arrow-down(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      bottom: @arrow-pointy-side;
    }
  }

  &.left {
    .factlink-popover-content {
      margin-right: @arrow-pointy-side;
    }
    .factlink-popover-arrow {
      .triangle-arrow-right(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      right: @arrow-pointy-side;
    }
  }

  &.right {
    .factlink-popover-content {
      margin-left: @arrow-pointy-side;
    }
    .factlink-popover-arrow {
      .triangle-arrow-left(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      left: @arrow-pointy-side;
    }
  }
}

.translucent-dark-popover {
  z-index: 119;
  position: relative;
  background: @darkTranslucentGrey;
  color: white;
  border-radius: 2px;
  padding: 9px 18px;
  visibility: visible;
  display: inline-block;
  text-align: center;

  .factlink-popover-arrow {
    border: floor(@arrow-long-side/2) solid transparent;
    position: absolute;
    width: 2px;
    height: 2px;
    margin: -8px;
    .box-sizing(content-box);
  }

  &.top {
    margin-bottom: @arrow-pointy-side;
    .factlink-popover-arrow {
      top: 100%;
      margin-top: 0;
      border-top-color: @darkTranslucentGrey;
      border-bottom: none;
    }
  }
  &.right {
    margin-left: @arrow-pointy-side;
    .factlink-popover-arrow {
      right: 100%;
      margin-right: 0;
      border-right-color: @darkTranslucentGrey;
      border-left: none;
    }
  }
  &.bottom {
    margin-top: @arrow-pointy-side;
    .factlink-popover-arrow {
      bottom: 100%;
      margin-bottom: 0;
      border-bottom-color: @darkTranslucentGrey;
      border-top: none;
    }
  }
  &.left {
    margin-right: @arrow-pointy-side;
    .factlink-popover-arrow {
      left: 100%;
      margin-left: 0;
      border-left-color: @darkTranslucentGrey;
      border-right: none;
    }
  }

}<commit_msg>Fixed margins to use @triangleSize<commit_after>@import "bootstrap/mixins";

// drop `factlink-` prefix when getting rid of Bootstrap popovers
.factlink-popover {
  z-index: 119;
  position: relative;
  visibility: visible;
  display: inline-block;

  .factlink-popover-content {
    display: inline-block;
    .background-clip(padding-box);
    background: white;
    border-radius: @baseBorderRadius;
    box-shadow: @blockBorder, 0 @factlinkPopoverShadowBottomSize 5px @factlinkPopoverShadowBottomColor;
  }

  &.bottom {
    .factlink-popover-content {
      margin-top: @triangleSize;
    }
    .factlink-popover-arrow {
      .triangle-arrow-up(@factlinkPopoverArrowTopBorderColor);
      top: @triangleSize;
    }
  }

  &.top {
    .factlink-popover-content {
      margin-bottom: @triangleSize;
    }
    .factlink-popover-arrow {
      .triangle-arrow-down(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      bottom: @triangleSize;
    }
  }

  &.left {
    .factlink-popover-content {
      margin-right: @triangleSize;
    }
    .factlink-popover-arrow {
      .triangle-arrow-right(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      right: @triangleSize;
    }
  }

  &.right {
    .factlink-popover-content {
      margin-left: @triangleSize;
    }
    .factlink-popover-arrow {
      .triangle-arrow-left(@factlinkPopoverArrowBorderColor, @factlinkPopoverArrowBorderOffset);
      left: @triangleSize;
    }
  }
}

.translucent-dark-popover {
  z-index: 119;
  position: relative;
  visibility: visible;
  display: inline-block;

  .factlink-popover-content {
    display: inline-block;
    background: @darkTranslucentGrey;
    color: white;
    border-radius: 2px;
    padding: 9px 18px;
    text-align: center;
  }

  .factlink-popover-arrow {
    border: floor(@triangleSize) solid transparent;
    position: absolute;
    width: 2px;
    height: 2px;
    margin: -8px;
    .box-sizing(content-box);
  }

  &.top {
    .factlink-popover-content {
      margin-bottom: @triangleSize;
    }
    .factlink-popover-arrow {
      top: 100%;
      margin-top: -@triangleSize;
      border-top-color: @darkTranslucentGrey;
      border-bottom: none;
    }
  }
  &.right {
    .factlink-popover-content {
      margin-left: @triangleSize;
    }
    .factlink-popover-arrow {
      right: 100%;
      margin-right: -@triangleSize;
      border-right-color: @darkTranslucentGrey;
      border-left: none;
    }
  }
  &.bottom {
    .factlink-popover-content {
      margin-top: @triangleSize;
    }
    .factlink-popover-arrow {
      bottom: 100%;
      margin-bottom: -@triangleSize;
      border-bottom-color: @darkTranslucentGrey;
      border-top: none;
    }
  }
  &.left {
    .factlink-popover-content {
      margin-right: @triangleSize;
    }
    .factlink-popover-arrow {
      left: 100%;
      margin-left: -@triangleSize;
      border-left-color: @darkTranslucentGrey;
      border-right: none;
    }
  }

}
{'fraction_non_alphanumeric': 0.1282717975385682, 'fraction_numerical': 0.0109204368174727, 'mean_word_length': 2.705844572896596, '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': '5449282', 'n_tokens_mistral': 2086, 'n_tokens_neox': 2007, 'n_words': 317}