@import "../vendor/bootstrap/scss/dropdown";

.dropdown-header {
  $divider: $dropdown-divider-bg solid $border-width;

  @extend %text-md-bold;

  border-bottom: $divider;
  margin-bottom: $dropdown-divider-margin-y;
  padding: $dropdown-padding-y 0 ($dropdown-padding-y + $dropdown-divider-margin-y) 0;
  text-align: center;
  text-transform: uppercase;

  &:not(:first-child) {
    border-top: $divider;
    margin-top: $dropdown-divider-margin-y;
    padding-top: $dropdown-padding-y + $dropdown-divider-margin-y;
  }
}

.dropdown-item {
  sds-icon {
    margin-left: $dropdown-item-padding-x * -1;
  }
}

.dropdown-toggle {
  @extend .btn;
}