.list-items {
  overflow: hidden;
  position: relative;
  // render a 1px line at the bottom to hide border last item
  // this is needed for the 'closables' to work properly
  &::after {
    background: $color-brand--white;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
  }

  // viewport l
  @include viewport--l {
    margin-left: auto;
    width: grid-columns(8, 9);

    .block__content--s & {
      width: 100%;
    }
  }
}

// background mappings
@include list-items-list-background-mapping;
