// Modifiers :: Styles

// Dependencies
@import "pack/seed-border/config";
@import "pack/seed-breakpoints/_index";
@import "pack/seed-publish/_index";

@include export(seed-list) {
  &--#{$seed-list-block-namespace} {
    @include breakpoint-all {
      > .#{$seed-list-item-namespace},
      > li {
        display: block;
      }
    }
  }


  &--#{$seed-list-bordered-namespace} {
    > .#{$seed-list-item-namespace},
    > li {
      border-bottom: 1px solid;
      border-color: $seed-border-color;
    }
  }


  &--#{$seed-list-dotted-namespace} {
    > .#{$seed-list-item-namespace},
    > li {
      border-bottom: 1px dotted;
      border-color: $seed-border-color;
    }
  }


  &--#{$seed-list-inline-namespace} {
    @include breakpoint-all {
      > .#{$seed-list-item-namespace},
      > li {
        display: inline-block;
        padding-left: $seed-list-size-default;

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