<commit_before>//
// Dropdown Variables
//
$f-dropdown-min-width: 200px !default;
$f-dropdown-height: auto !default;
$f-dropdown-max-height: none !default;
$f-dropdown-bg: #fff !default;
$f-dropdown-border-style: solid!default;
$f-dropdown-border-width: 1px!default;
$f-dropdown-border-color: #ccc!default;
$f-dropdown-margin-top: 2px !default;
$f-dropdown-triangle-size: 6px !default;
$f-dropdown-triangle-color: #fff !default;
$f-dropdown-side-offset: 10px !default;
$f-dropdown-font-size: emCalc(14px) !default;
$f-dropdown-list-padding: emCalc(5px) emCalc(10px) !default;
$f-dropdown-line-height: emCalc(18px) !default;
$f-dropdown-list-hover-bg: lighten($primary-color, 45%) !default;
$f-dropdown-content-padding: emCalc(20px) !default;
$f-dropdown-list-style: none !default;

//
// Dropdown Mixins
//

// We use this to style the dropdown container element.
@mixin dropdown-container($content:list, $triangle:true) {
  display: none;
  position: relative;
  list-style: $f-dropdown-list-style;

  @if $content == list {
    min-width: $f-dropdown-min-width;
    height: $f-dropdown-height;
    max-height: $f-dropdown-max-height;
    background: $f-dropdown-bg;
    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
    font-size: $em-base;
    z-index: 99;
  }
  @else if $content == content {
    padding: $f-dropdown-content-padding;
  }

  @if $triangle {
    margin-top: $f-dropdown-margin-top;

    &:before {
      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
      position: absolute;
      top: -($f-dropdown-triangle-size * 2);
      left: $f-dropdown-side-offset;
      z-index: 99;
    }
    &:after {
      @include css-triangle($f-dropdown-triangle-size + 1,$f-dropdown-border-color,bottom);
      position: absolute;
      top: -(($f-dropdown-triangle-size + 1) * 2);
      left: $f-dropdown-side-offset - 1;
      z-index: 98;<commit_msg>updated variable comments<commit_after>//
// Dropdown Variables
//

// We use these to controls height and width styles.
$f-dropdown-min-width: 200px !default;
$f-dropdown-height: auto !default;
$f-dropdown-max-height: none !default;
$f-dropdown-margin-top: 2px !default;

// We use this to control the background color
$f-dropdown-bg: #fff !default;

// We use this to set the border styles for dropdowns.
$f-dropdown-border-style: solid!default;
$f-dropdown-border-width: 1px!default;
$f-dropdown-border-color: #ccc!default;

// We use these to style the triangle pip.
$f-dropdown-triangle-size: 6px !default;
$f-dropdown-triangle-color: #fff !default;
$f-dropdown-triangle-side-offset: 10px !default;

// We use these to control styles for the list elements.
$f-dropdown-list-style: none !default;
$f-dropdown-font-size: emCalc(14px) !default;
$f-dropdown-list-padding: emCalc(5px) emCalc(10px) !default;
$f-dropdown-line-height: emCalc(18px) !default;
$f-dropdown-list-hover-bg: lighten($primary-color, 45%) !default;

// We use this to control the styles for when the dropdown has custom content.
$f-dropdown-content-padding: emCalc(20px) !default;

//
// Dropdown Mixins
//

// We use this to style the dropdown container element.
@mixin dropdown-container($content:list, $triangle:true) {
  display: none;
  position: relative;
  list-style: $f-dropdown-list-style;

  @if $content == list {
    min-width: $f-dropdown-min-width;
    height: $f-dropdown-height;
    max-height: $f-dropdown-max-height;
    background: $f-dropdown-bg;
    border: $f-dropdown-border-style $f-dropdown-border-width $f-dropdown-border-color;
    font-size: $em-base;
    z-index: 99;
  }
  @else if $content == content {
    padding: $f-dropdown-content-padding;
  }

  @if $triangle {
    margin-top: $f-dropdown-margin-top;

    &:before {
      @include css-triangle($f-dropdown-triangle-size, $f-dropdown-triangle-color, bottom);
      position: absolute;
      top: -($f-dropdown-triangle-size * 2);
      left: $f-dropdown-triangle-side-offset;
      z-index: 99;
    }
    &:after {
      @include css-triangle($f-dropdown-triangle-size + 1,$f-dropdown-border-color,bottom);
      position: absolute;
      top: -(($f-dropdown-triangle-size + 1) * 2);
      left: $f-dropdown-triangle-side-offset - 1;
      z-index: 98;
{'fraction_non_alphanumeric': 0.16192045187102846, 'fraction_numerical': 0.014120969639915274, 'mean_word_length': 3.6095444685466376, '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': '7046928', 'n_tokens_mistral': 1563, 'n_tokens_neox': 1468, 'n_words': 322}