@use "../mixins/lists" as *;

@layer content {
  //
  // Lists
  //

  .list-unstyled {
    @include list-unstyled();
  }

  // Inline turns list items into inline-block
  .list-inline {
    @include list-unstyled();
  }
  .list-inline-item {
    display: inline-block;

    &:not(:last-child) {
      margin-inline-end: var(--list-inline-padding, var(--spacer) / 2);
    }
  }
}