.list-inline > li,
.list-pipe > li {

  &:first-child {
    padding-left: 0;
  }

  &:last-of-type {
    padding-right: 0;
  }
}

.list-dash {
  list-style-type: "–";
  margin-left: .6em;

  > li {
    text-indent: $list-dash-indent;
  }
}

.list-lined > li {
  border-bottom: $border-width solid $border-color;
  padding-left: 1px;
  display: flex;
  align-items: center;

  &::after {
    content: attr(aria-label);
    font-size: $font-size-xs;
    padding-right: 1px;
    text-align: right;
    margin-left: auto;
  }

  &:last-of-type {
    border-bottom: none;
  }
}


.list-inline > li {
  display: inline-flex;
  padding: 0 $list-inline-spacing;
}

.list-pipe {
  display: flex;

  > li {
    display: inline-flex;
    float: left;
    padding-left: $list-pipe-spacing;
    line-height: initial;

    &::after {
      content: "";
      display: inline-block;
      align-self: stretch;
      justify-self: center;
      width: $border-width;
      margin-left: $list-pipe-spacing;
      min-height: 1em;
      background-color: currentcolor;
      opacity: $hr-opacity;
    }


    &:last-of-type {
      &::after {
        width: 0;
        margin-left: 0;
      }
    }
  }
}