<commit_before>//
// Dropdown menus
// --------------------------------------------------

// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.dropdown-desc {
  position: relative;
  top: -3px;
  width: 250px;
  font-size: $font-size-sm;
  margin-left: 22px;
  color: $gray-2;
  white-space: normal;
}

// Dropdown arrow/caret
// --------------------
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid $text-color-weak;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
}

// Place the caret
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

// The dropdown menu (ul)
// ----------------------
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: $zindex-dropdown;
  display: none; // none by default, but block on "open" of the menu
  float: left;
  min-width: 140px;
  margin: 2px 0 0; // override default ul
  list-style: none;
  background-color: $dropdownBackground;
  border: 1px solid #ccc; // Fallback for IE7-8
  border: 1px solid $dropdownBorder;
  text-align: left;

  // Aligns the dropdown menu to right
  &.pull-right {
    right: 0;
    left: auto;
  }

  .divider {
    height: 0.1rem;
    margin: 0.5rem 0; // 8px 1px
    overflow: hidden;
    background-color: $dropdownDividerTop;
    border-bottom: 1px solid $dropdownDividerBottom;
  }

  // Links within the dropdown menu
  > li {
    > a {
      display: block;
      padding: 3px 20px 3px 15px;
      clear: both;
      font-weight: normal;
      line-height: $line-height-base;
      color: $dropdownLinkColor;
      white-space: nowrap;

      i {
        display: inline-block;
        margin-right: 10px;
        color: $link-color-disabled;
        position: relative;
        top: 3px;
      }

      .gicon {
        opacity: 0.9;
      }
    }
  }

  &--navbar {
    top: 100%;
    min-width: 100%;
  }

  &--menu,
  &--navbar,
  &--sidemenu {
    background: $menu-dropdown-bg;
    box-shadow: $menu-dropdown-shadow;
    margin-top: 0px;
    border: none;

    > li > a {
      display: flex;
      padding: 5px 10px;
      border-left: 2px solid transparent;

      &:hover {
        @include left-brand-border-gradient();
        color: $link-hover-color;<commit_msg>Fixed styling of gicon's in dropdown menus<commit_after>//
// Dropdown menus
// --------------------------------------------------

// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.dropdown-desc {
  position: relative;
  top: -3px;
  width: 250px;
  font-size: $font-size-sm;
  margin-left: 22px;
  color: $gray-2;
  white-space: normal;
}

// Dropdown arrow/caret
// --------------------
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid $text-color-weak;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
}

// Place the caret
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

// The dropdown menu (ul)
// ----------------------
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: $zindex-dropdown;
  display: none; // none by default, but block on "open" of the menu
  float: left;
  min-width: 140px;
  margin: 2px 0 0; // override default ul
  list-style: none;
  background-color: $dropdownBackground;
  border: 1px solid #ccc; // Fallback for IE7-8
  border: 1px solid $dropdownBorder;
  text-align: left;

  // Aligns the dropdown menu to right
  &.pull-right {
    right: 0;
    left: auto;
  }

  .divider {
    height: 0.1rem;
    margin: 0.5rem 0; // 8px 1px
    overflow: hidden;
    background-color: $dropdownDividerTop;
    border-bottom: 1px solid $dropdownDividerBottom;
  }

  // Links within the dropdown menu
  > li {
    > a {
      display: block;
      padding: 3px 20px 3px 15px;
      clear: both;
      font-weight: normal;
      line-height: $line-height-base;
      color: $dropdownLinkColor;
      white-space: nowrap;

      i {
        display: inline-block;
        margin-right: 10px;
        color: $link-color-disabled;
        position: relative;
        top: 3px;
      }

      .gicon {
        opacity: 0.7;
        width: 14px;
        height: 14px;
      }
    }
  }

  &--navbar {
    top: 100%;
    min-width: 100%;
  }

  &--menu,
  &--navbar,
  &--sidemenu {
    background: $menu-dropdown-bg;
    box-shadow: $menu-dropdown-shadow;
    margin-top: 0px;
    border: none;

    > li > a {
      display: flex;
      padding: 5px 10px;
      border-left: 2px solid transparent;

      &:hover {
        @include left-brand-border-gradient();
        color: $link-hover-color;
{'fraction_non_alphanumeric': 0.16312199036918137, 'fraction_numerical': 0.024879614767255216, 'mean_word_length': 2.0564071122011036, 'pattern_counts': {'":': 0, '<': 5, '<?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': '1441762', 'n_tokens_mistral': 1841, 'n_tokens_neox': 1683, 'n_words': 467}