<commit_before>@import "bootstrap/mixins";
@import "bootstrap/variables";

@arrow-offset: 11px;

.help-text-container {
  z-index: @max-z-index;
  position: relative;
  background: #fff;
  width: 200px;

  font-size: @baseFontSize;

  border: 1px solid #a6a6a6;
  .border-radius(3px);
  .background-clip(padding-box);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, .15));

  .help-text-header {
    h1 {
      font-family: @headingFontFamily;
      font-size: @modalHeadingFontSize;
      font-weight: bold;

      padding: 9px 14px;
      margin: 0;
    }
    border-bottom: solid 1px #ccc;
  }

  .help-text-content {
    padding: 9px 14px;

    .tooltip-opinion-indicator-agree,
    .tooltip-opinion-indicator-disagree,
    .tooltip-opinion-indicator-unsure {
      .border-radius(16px);
      height: 9px;
      width: 9px;
      display: inline-block;
      margin: 0 1px;
    }

    .tooltip-opinion-indicator-agree    { background-color: #95d410; }
    .tooltip-opinion-indicator-disagree { background-color: #efa48a; }
    .tooltip-opinion-indicator-unsure   { background-color: #4db7e6; }
  }

  .arrow {
    position: absolute;

    background: image-url('help-text-arrow.png');

    width: @arrow-offset;
    background-repeat: no-repeat;
  }

  &.bottom {
    margin-top: @arrow-offset;
    .arrow {
      top: -(@arrow-offset + 2);
      background-position: -22px 0;

      height: 11px;
      width: 17px;
    }
  }

  &.top {
    margin-bottom: @arrow-offset;
    .arrow {
      bottom: -(@arrow-offset + 2);
      background-position: -39px 0;
      height: 11px;
      width: 17px;
    }
  }

  &.left {
    margin-right: @arrow-offset;
    .arrow {
      right: -@arrow-offset;
      background-position: -11px 0;

      height: 17px;
      width: 11px;
    }
  }

  &.right {
    margin-left: @arrow-offset;
    .arrow {
      left: -@arrow-offset;

      height: 17px;
      width: 11px;
    }
  }
}
<commit_msg>Fixed CSS problem and refactored some values in the process.<commit_after>@import "bootstrap/mixins";
@import "bootstrap/variables";

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

.help-text-container {
  z-index: @max-z-index;
  position: relative;
  background: #fff;
  width: 200px;

  font-size: @baseFontSize;

  border: 1px solid #a6a6a6;
  .border-radius(3px);
  .background-clip(padding-box);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, .15));

  .help-text-header {
    h1 {
      font-family: @headingFontFamily;
      font-size: @modalHeadingFontSize;
      font-weight: bold;

      padding: 9px 14px;
      margin: 0;
    }
    border-bottom: solid 1px #ccc;
  }

  .help-text-content {
    padding: 9px 14px;

    .tooltip-opinion-indicator-agree,
    .tooltip-opinion-indicator-disagree,
    .tooltip-opinion-indicator-unsure {
      .border-radius(16px);
      height: 9px;
      width: 9px;
      display: inline-block;
      margin: 0 1px;
    }

    .tooltip-opinion-indicator-agree    { background-color: #95d410; }
    .tooltip-opinion-indicator-disagree { background-color: #efa48a; }
    .tooltip-opinion-indicator-unsure   { background-color: #4db7e6; }
  }

  .arrow {
    position: absolute;

    background: image-url('help-text-arrow.png');

    width: @arrow-long-side;
    background-repeat: no-repeat;
  }

  &.bottom {
    margin-top: @arrow-pointy-side;
    .arrow {
      top: -@arrow-pointy-side;
      background-position: -22px 0;

      height: @arrow-pointy-side;
      width: @arrow-long-side;
    }
  }

  &.top {
    margin-bottom: @arrow-pointy-side;
    .arrow {
      bottom: -@arrow-pointy-side;
      background-position: -39px 0;
      height: @arrow-pointy-side;
      width: @arrow-long-side;
    }
  }

  &.left {
    margin-right: @arrow-pointy-side;
    .arrow {
      right: -@arrow-pointy-side;
      background-position: -11px 0;

      height: @arrow-long-side;
      width: @arrow-pointy-side;
    }
  }

  &.right {
    margin-left: @arrow-pointy-side;
    .arrow {
      left: -@arrow-pointy-side;

      height: @arrow-long-side;
      width: @arrow-pointy-side;
    }
  }
}

{'fraction_non_alphanumeric': 0.1473269278147327, 'fraction_numerical': 0.031042128603104215, 'mean_word_length': 2.3142857142857145, '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': '418809', 'n_tokens_mistral': 1638, 'n_tokens_neox': 1490, 'n_words': 277}