// --------------------------
// Slide views pane component
// --------------------------

.c_slide-views-pane {
  &__views-list {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  &__views-item {
    display: table-cell;
    vertical-align: top;
  }
}

// --------------------------
// Slide views pane component
// --------------------------

.c_slide-views-pane {
  &__views-list {
    @include inkgrid-row(false);
  }

  &__views-item {
    @include inkgrid-col(false);

    // one active view
    &:nth-child(1):nth-last-child(1) {
      @include inkgrid-col__parts(1);
    }

    // two active views
    &:nth-child(1):nth-last-child(2),
    &:nth-child(2):nth-last-child(1) {
      @include inkgrid-col__parts(2);
    }

    // three active views
    &:nth-child(1):nth-last-child(3),
    &:nth-child(2):nth-last-child(2),
    &:nth-child(3):nth-last-child(1) {
      @include inkgrid-col__parts(3);
    }

    // four active views
    &:nth-child(1):nth-last-child(4),
    &:nth-child(2):nth-last-child(3),
    &:nth-child(3):nth-last-child(2),
    &:nth-child(4):nth-last-child(1) {
      @include inkgrid-col__parts(4);
    }

    // fifth active views
    &:nth-child(1):nth-last-child(5),
    &:nth-child(2):nth-last-child(4),
    &:nth-child(3):nth-last-child(3),
    &:nth-child(4):nth-last-child(2),
    &:nth-child(5):nth-last-child(1) {
      @include inkgrid-col__parts(5);
    }
  }
}

Fix slide views pane column division; add gutter.
Fix slide views pane column division; add gutter.
