@import '../settings/variables';
@import '../tools/mixins/grid';
@import '../tools/mixins/breakpoints';

.c-dashboard-vessel-list {
  padding-bottom: 4.5em;

  @include media-breakpoint-up(xl) {
    padding-bottom: 4.5em;
  }

  &__header {
    padding-top: 1em;
  }

  &__item {
    @include make-col(1.5, $columns-count);
    display: none;

    @include media-breakpoint-up(xl, true) {
      display: initial;
    }

    &--previous-period {
      @include make-col(1.875, $columns-count);
    }

    &--big {
      @include make-col(4.5, $columns-count);
    }
  }
}