assets/css/actionlist/action-list-item-divider.scss
// empty divider

.ActionList-sectionDivider {
  // has children
  &:not(:empty) {
    display: flex;
    padding: ($spacer-1 * 1.5) $spacer-2;
    font-size: $font-size-small;
    font-weight: $font-weight-bold;
    color: var(--fgColor-muted);
    flex-direction: column;
  }

  // no children
  &:empty {
    display: block;
    height: 1px;
    padding: 0;
    // stylelint-disable-next-line primer/spacing
    margin: ($spacer-2 - 1px) ($spacer-2 * -1) $spacer-2;
    list-style: none;
    background: var(--borderColor-muted);
    border: 0;
  }

  .ActionList-sectionDivider-title {
    font-size: $font-size-small;
    font-weight: $font-weight-bold;
    color: var(--fgColor-muted);
  }
}

.ActionList-sectionDivider--filled {
  margin: $spacer-2 ($spacer-2 * -1);
  background: var(--bgColor-muted);
  border-top: $border-width $border-style var(--borderColor-muted);
  border-bottom: $border-width $border-style var(--borderColor-muted);

  // if no children, treat as divider
  &:empty {
    height: $spacer-2;
    box-sizing: border-box;
  }

  &:first-child {
    margin-top: 0;
  }
}
