@use '@angular/material' as mat;
@mixin sc-lists-theme($theme) {
  $foreground: map-get($theme, foreground);

  .list-divider {
    @include list-unstyled();
  
    li,
    &-item {
      border-color: mat.get-color-from-palette($foreground, divider);
    }
  }

  //* Description List
  dl,
  .descr-list {
    dt,
    .descr-list__label {
      color: mat.get-color-from-palette($foreground, secondary-text);
    }
  }

  //* Icon List
  .icon-list {
    &__content {
      border-color: map-get($foreground, divider);
    }
  }

  //* Action List
  .action-list {
    &__item {
      border-color: map-get($foreground, divider);
    }

    &__label {
      color: map-get($foreground, secondary-text);
    }

    &.--action-start {
      .action-list {
        &__item {
          border-color: map-get($foreground, divider);
        }
      }
    }
  }
}