<commit_before>#fittable {
  .functions-bar {
    float: right;
    display: inline-block;
    height: $header-elements-weight;
    padding-right: 8px;
    position: relative;
    @include disable-selection();
  }

  .function-btn {
    @extend %btn-light;
    padding: 0 8px;
    height: $header-elements-weight;
    line-height: $header-elements-weight;
    position: relative;
    z-index: 199;
  }

  .function-btn .tooltip {
    @include bold-up-text();
    display: inline-block;
    position: absolute;
    top: -5px;
    text-align: right;
    line-height: 1;
    right: 0;
    opacity: 0;
    transition: top $default-anim-speed, opacity $default-anim-speed;
    height: 5px;
    z-index: 99;
  }

  .function-btn:hover .tooltip {
    opacity: 1;
    top: -15px;
  }

  .flags-function {
    display: none;
  }

  @media #{$medium-only} {
    .functions-bar {
      width: 45%;
      float: right;
      text-align: center;
      position: relative;
      top: - $mobile-heading-height - 10px;
      height: $mobile-heading-height + 10px;
      margin-bottom: - $mobile-heading-height - 10px;

      .function-btn {
        line-height: $mobile-heading-height + 10px;
      }
    }
  }

  @media #{$medium-down} {
    .functions-bar {
      height: $mobile-heading-height;
      background: $light-secondary-color;
    }

    .function-btn {
      font-size: 18px;
      line-height: $mobile-heading-height;
      padding: 0 18px;
    }

    .function-btn .tooltip {
      display: none;
    }
  }
}
<commit_msg>Fine tune colors in functions bar<commit_after>#fittable {
  .functions-bar {
    float: right;
    display: inline-block;
    height: $header-elements-weight;
    padding-right: 8px;
    position: relative;
    @include disable-selection();
  }

  .function-btn {
    @include active-light-hover;
    padding: 0 8px;
    height: $header-elements-weight;
    line-height: $header-elements-weight;
    position: relative;
    z-index: 199;
  }

  .function-btn .tooltip {
    @include bold-up-text();
    display: inline-block;
    position: absolute;
    top: -5px;
    text-align: right;
    line-height: 1;
    right: 0;
    opacity: 0;
    transition: top $default-anim-speed, opacity $default-anim-speed;
    height: 5px;
    z-index: 99;
  }

  .function-btn:hover .tooltip {
    opacity: 1;
    top: -15px;
  }

  .flags-function {
    display: none;
  }

  @media #{$medium-only} {
    .functions-bar {
      width: 45%;
      float: right;
      text-align: center;
      position: relative;
      top: - $mobile-heading-height - 10px;
      height: $mobile-heading-height + 10px;
      margin-bottom: - $mobile-heading-height - 10px;
    }
    .function-btn {
      line-height: $mobile-heading-height + 10px;
    }
  }

  @media #{$medium-down} {
    .functions-bar {
      height: $mobile-heading-height;
      background: $light-secondary-color;
    }

    .function-btn {
      font-size: 18px;
      background: $light-secondary-color;
      line-height: $mobile-heading-height;
      padding: 0 18px;
    }

    .function-btn .tooltip {
      display: none;
    }
  }
}

{'fraction_non_alphanumeric': 0.139407598197038, 'fraction_numerical': 0.019961365099806824, 'mean_word_length': 2.1899383983572895, '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': '2964750', 'n_tokens_mistral': 1126, 'n_tokens_neox': 1049, 'n_words': 221}