layout-views-grid-vertical.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Responsive styles for views grid vertical layout.
 */

.views-view-grid--vertical {
  margin-bottom: -1.125rem; /* Offset the bottom row's padding. */
  column-gap: 1.125rem;
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-2 {
    column-count: 2;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-3 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-3 {
    column-count: 3;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-4 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-4 {
    column-count: 3;
  }
}

@media (min-width: 62.5rem) {

  .views-view-grid--vertical.cols-4 {
    column-count: 4;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-5 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-5 {
    column-count: 3;
  }
}

@media (min-width: 62.5rem) {

  .views-view-grid--vertical.cols-5 {
    column-count: 5;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-6 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-6 {
    column-count: 3;
  }
}

@media (min-width: 62.5rem) {

  .views-view-grid--vertical.cols-6 {
    column-count: 6;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-7 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-7 {
    column-count: 3;
  }
}

@media (min-width: 62.5rem) {

  .views-view-grid--vertical.cols-7 {
    column-count: 7;
  }
}

@media (min-width: 31.25rem) {

  .views-view-grid--vertical.cols-8 {
    column-count: 2;
  }
}

@media (min-width: 43.75rem) {

  .views-view-grid--vertical.cols-8 {
    column-count: 4;
  }
}

@media (min-width: 62.5rem) {

  .views-view-grid--vertical.cols-8 {
    column-count: 8;
  }
}

.views-view-grid--vertical .views-view-grid__item > * {
  padding-bottom: 1.125rem;
  page-break-inside: avoid;
  break-inside: avoid;
}