<commit_before>// Components :: Dropdown

// Dropdown variables
$HS-dropdown-box-shadow:          0 6px 12px rgba(color(black),.175) !default;
$HS-dropdown-margin:              2px 0 0 !default;
$HS-dropdown-width:               160px !default;
$HS-dropdown-width-wide:          480px !default;


// Dropdown component
.c-dropdown {
  @include clearfix;
  position: relative;
}

.c-dropdown__toggle {
  color: color(blue);
  cursor: pointer;
  outline: 0;
  text-decoration: none;

  &:hover,
  &:focus {
    text-decoration: none;
  }
}

.c-dropdown__content {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: color(grey, 200);
  border-radius: $HS-border-radius;
  border: 1px solid rgba(color(black), 0.2);
  box-shadow: $HS-dropdown-box-shadow;
  display: none;
  float: left;
  left: 0;
  list-style: none;
  margin: $HS-dropdown-margin;
  min-width: $HS-dropdown-width;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: z-index(dropdown);
}



// Modifiers
.c-dropdown--up {
  & > .c-dropdown__content {
    bottom: 100%;
    margin-bottom: space(md);
    top: auto;
  }
}

.c-dropdown--right {
  & > .c-dropdown__content {
    left: auto;
    right: 0;
  }
}

.c-dropdown--wide {
  & > .c-dropdown__content {
    max-width: 480px;
    white-space: nowrap;
  }
}



// States
.c-dropdown.open {
  & > .c-dropdown__toggle {
    color: color(blue, 600);
  }<commit_msg>Adjusted dropdown up caret direction<commit_after>// Components :: Dropdown

// Dropdown variables
$HS-dropdown-box-shadow:          0 6px 12px rgba(color(black),.175) !default;
$HS-dropdown-margin:              2px 0 0 !default;
$HS-dropdown-width:               160px !default;
$HS-dropdown-width-wide:          480px !default;


// Dropdown component
.c-dropdown {
  @include clearfix;
  display: inline-block;
  position: relative;
}

.c-dropdown__toggle {
  color: color(blue);
  cursor: pointer;
  outline: 0;
  text-decoration: none;

  &:hover,
  &:focus {
    text-decoration: none;
  }
}

.c-dropdown__content {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: color(grey, 200);
  border-radius: $HS-border-radius;
  border: 1px solid rgba(color(black), 0.2);
  box-shadow: $HS-dropdown-box-shadow;
  display: none;
  float: left;
  left: 0;
  list-style: none;
  margin: $HS-dropdown-margin;
  min-width: $HS-dropdown-width;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: z-index(dropdown);
}



// Modifiers
.c-dropdown--up {
  & > .c-dropdown__toggle {
    & > .c-caret {
      @include transform(rotate(180deg));
    }
  }

  & > .c-dropdown__content {
    bottom: 100%;
    margin-bottom: space(md);
    top: auto;
  }
}

.c-dropdown--right {
  & > .c-dropdown__content {
    left: auto;
    right: 0;
  }
}

.c-dropdown--wide {
  & > .c-dropdown__content {
    max-width: 480px;
    white-space: nowrap;
  }
}



// States
.c-dropdown.open {
  & > .c-dropdown__toggle {
    color: color(blue, 600);
  }
{'fraction_non_alphanumeric': 0.157, 'fraction_numerical': 0.026333333333333334, 'mean_word_length': 2.7279503105590064, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '3285544', 'n_tokens_mistral': 1193, 'n_tokens_neox': 1094, 'n_words': 222}