// Multi-select "select all" separator border.

@import "carbon-components/scss/globals/scss/vars";
@import "carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/import-once/import-once";

@mixin multiselect-selectall {
  // First listbox item is "Select all"; give it a bottom separator.
  .#{$prefix}--multi-select.#{$prefix}--multi-select--selectall
    .#{$prefix}--list-box__menu-item:first-child
    .#{$prefix}--list-box__menu-item__option {
    border-block-end: 1px solid $ui-03;
    margin-left: 0;
    padding-left: $carbon--spacing-05;
    margin-right: 0;
    padding-right: $carbon--spacing-05;
  }

  // Second item: no top border (adjacent to select-all separator).
  .#{$prefix}--multi-select.#{$prefix}--multi-select--selectall
    .#{$prefix}--list-box__menu-item:nth-child(2)
    .#{$prefix}--list-box__menu-item__option {
    border-block-start: none;
  }
}

@include exports('multiselect-selectall') {
  @include multiselect-selectall;
}