@import 'public-booking/main_dependencies';

@mixin bb-list-base() {
  display: block;
  margin-bottom: 0;

  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  li {
    border-top: 1px $bb-table-border-color solid;
    padding-top: 15px;
    padding-bottom: 15px;
    color: $bb-font-color;
  }

  li:first-of-type {
    border: none;
  }
}

bb-list.bb-list--variant-1 {
  @include bb-list-base;
}

// Variant 2 for list adds two additional border lines to top and bottom of the list.
bb-list.bb-list--variant-2 {
  @include bb-list-base;

  li:first-of-type {
    border-top: 1px $bb-table-border-color solid;
  }

  li:last-of-type {
    border-bottom: 1px $bb-table-border-color solid;
  }
}