@import "bootstrap/scss/dropdown";

.dropdown {
  display: inline-flex;
  vertical-align: top;

  &.is-hoverable,
  &.dropdown-hover {
    &:hover {
      .dropdown-menu {
        display: block;
        top: 100%;
      }
    }
  }
}

.dropdown-menu {
  max-width: $dropdown-max-width;
  box-shadow: $dropdown-box-shadow;
}

.dropdown-description {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: $neutral-200;
  line-height: 1;
  word-break: break-word;
}

.dropdown-header {
  font-weight: 500;
}

.dropdown-divider {
  border-width: 2px;
}