/* Dropdown
   ========================================================================== */
.dropdown {
  @include dropdown;
  &.open {
    @include dropdown--open;
  }
  &__toggle--caret {
    @include dropdown__toggle--caret;
    .dropdown.flipped & {
      @include dropdown__toggle--caret-flipped;
    }
  }
  &__menu {
    @include dropdown__menu;
    &--right {
      @include dropdown__menu--right;
    }
    .dropdown.flipped & {
      @include dropdown__menu--flipped;
    }
    .dropdown.open & {
      @include dropdown__menu--open;
    }
  }
  &__menu > li,
  &__item {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  &__menu > li.dropdown__divider,
  &__divider {
    @include dropdown__divider;
  }
  &__menu > li.dropdown__heading,
  &__heading {
    @include dropdown__heading;
  }
  &__menu > li > a,
  &__link {
    @include dropdown__link;
    &:hover,
    &:focus {
      @include dropdown__link--active;
    }
  }
  &__menu > .active {
    & > a,
    & > .dropdown__link {
      @include dropdown__link--active;
    }
  }
}