assets/css/actionlist/action-list.scss
// <ul>
.ActionList {
  padding: $spacer-2;
}

// full bleed
.ActionList--full {
  padding: 0;
}

// nested list within main ActionList
.ActionList--subGroup {
  padding: 0;
}

// dividers

.ActionList--divided {
  .ActionList-item-label::before {
    position: absolute;
    top: -$actionList-item-padding-vertical;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: var(--borderColor-muted);
  }

  // if descriptionWrap--inline exists, move pseudo divider to wrapper
  .ActionList-item-descriptionWrap--inline {
    &::before {
      position: absolute;
      top: -$actionList-item-padding-vertical;
      display: block;
      width: 100%;
      height: $border-width;
      content: '';
      background: var(--borderColor-muted);
    }

    // unset the default label pseudo
    .ActionList-item-label::before {
      content: unset;
    }
  }

  // hide divider if item is active
  .ActionList-item--navActive {
    // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors
    .ActionList-item-label::before,
    + .ActionList-item .ActionList-item-label::before {
      visibility: hidden;
    }
  }
}

// hide if item is first of type with label::before, or is the first item after a sectionDivider
.ActionList-item:first-of-type .ActionList-item-label::before,
.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
  visibility: hidden;
}

// hide if item is first of type with label::before, or is the first item after a sectionDivider
.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
  visibility: hidden;
}
