bachir
/
drupal-rorschach


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							/*
 * 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;
}