$seed-list-namespace: "c-List";
@import "pack/seed-list/_index";
@import "pack/seed-this/_index";

.#{$seed-list-namespace} {
  @import "../resets/base";
  $block: this();
  display: block;
  margin-bottom: 0;
  margin-top: 0;

  /**
   * Modifiers
   */
  &.is-display-block {
    display: block;
  }
  &.is-display-flex {
    display: flex;
  }

  &--inline {
    #{$block}__item {
      vertical-align: middle;
    }

    &.is-inline-sm > {
      #{$block}__item,
      li {
        padding-left: 3px;

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

    &.is-inline-xs > {
      #{$block}__item,
      li {
        padding-left: 2px;

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