| Current Path : /var/www/html1/bbp/web/core/themes/olivero/css/layout/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html1/bbp/web/core/themes/olivero/css/layout/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. */
grid-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;
}