.pf-c-list {
  // list
  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);

  // inline
  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);

  // bordered
  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);

  // icon
  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
  --pf-c-list__item-icon--MarginTop: #{pf-size-prem(6px)};
  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);

  padding-left: var(--pf-c-list--PaddingLeft);

  ol,
  ul {
    margin-top: var(--pf-c-list--nested--MarginTop);
    margin-left: var(--pf-c-list--nested--MarginLeft);
  }

  li + li {
    margin-top: var(--pf-c-list--li--MarginTop);
  }

  @at-root ul#{&} {
    list-style: var(--pf-c-list--ul--ListStyle);
  }

  .pf-c-list__item {
    display: flex;
  }

  .pf-c-list__item-icon {
    flex-shrink: 0;
    min-width: var(--pf-c-list__item-icon--MinWidth);
    margin-top: var(--pf-c-list__item-icon--MarginTop);
    margin-right: var(--pf-c-list__item-icon--MarginRight);
    font-size: var(--pf-c-list__item-icon--FontSize);
    line-height: 1;
    color: var(--pf-c-list__item-icon--Color);
  }

  &.pf-m-icon-lg {
    --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
    --pf-c-list__item-icon--MarginTop: 0;
    --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
    --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
  }

  &.pf-m-plain {
    --pf-c-list--PaddingLeft: 0;

    list-style: none;
  }

  &.pf-m-inline {
    --pf-c-list--PaddingLeft: 0;

    display: flex;
    flex-wrap: wrap;
    list-style: none;

    li {
      --pf-c-list--li--MarginTop: 0;

      &:not(:last-child) {
        margin-right: var(--pf-c-list--m-inline--li--MarginRight);
      }
    }
  }

  &.pf-m-bordered {
    > * {
      padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
      border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
    }

    > :last-child {
      --pf-c-list--m-bordered--li--PaddingBottom: 0;
      --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
    }
  }
}