//
// Lists
// --------------------------------------------------


// Justified lists
//## - Justified alignment on list items (not exclusive to <ul>)

.list-justified {
  .list-unstyled();
  margin-left: -@list-inline-padding;
  margin-right: -@list-inline-padding;

  // Make any child (whether <li> or <a> etc.) a justified cell
  > * {
    display: table-cell;
    width: 1%;
    height: 100%; // For stretching immediate children to 100% height
    padding-left: @list-inline-padding;
    padding-right: @list-inline-padding;
  }
}


// Divided lists
//## - List-items separated by subtle borders

.list-divided {
  .list-unstyled();

  > li + li {
    border-top: 1px solid @hr-border;
  }

  &.list-inline,
  &.list-justified {
    > li + li {
      border-top-width: 0;
      border-left: 1px solid @hr-border;
    }
  }
}

.list-secondary-disc {
  ul {
    padding-left: 0;

    li {
      list-style-type: none;
      position: relative;
      padding-left: 18px;

      &:before {
        position: absolute;
        content: '';
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: @brand-secondary;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
      }
    }
  }
}

ul.sort-by-list {
  .sort-by-label {
    font-family: @headings-font-family;
    color: inherit;
    .text-nowrap;
  }
  .sort-by-active-btn {
    .btn-primary;
  }
}