|
|
|
@ -25,16 +25,29 @@
|
|
|
|
|
* Calculated values. |
|
|
|
|
*/ |
|
|
|
|
--views-grid--gap-count: calc(var(--views-grid--column-count) - 1); |
|
|
|
|
--views-grid--total-gap-width: calc(var(--views-grid--gap-count) * var(--views-grid--layout-gap)); |
|
|
|
|
--views-grid-item--max-width: calc((100% - var(--views-grid--total-gap-width)) / var(--views-grid--column-count)); |
|
|
|
|
--views-grid--total-gap-width: calc( |
|
|
|
|
var(--views-grid--gap-count) * var(--views-grid--layout-gap) |
|
|
|
|
); |
|
|
|
|
--views-grid-item--max-width: calc( |
|
|
|
|
(100% - var(--views-grid--total-gap-width)) / |
|
|
|
|
var(--views-grid--column-count) |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
display: grid; |
|
|
|
|
grid-template-columns: repeat(auto-fill, minmax(max(var(--views-grid-item--min-width), var(--views-grid-item--max-width)), 1fr)); |
|
|
|
|
grid-template-columns: repeat( |
|
|
|
|
auto-fill, |
|
|
|
|
minmax( |
|
|
|
|
max(var(--views-grid-item--min-width), var(--views-grid-item--max-width)), |
|
|
|
|
1fr |
|
|
|
|
) |
|
|
|
|
); |
|
|
|
|
grid-gap: var(--views-grid--layout-gap); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.views-view-grid--vertical { |
|
|
|
|
margin-block-end: calc(-1 * var(--views-grid--layout-gap)); /* Offset the bottom row's padding. */ |
|
|
|
|
margin-block-end: calc( |
|
|
|
|
-1 * var(--views-grid--layout-gap) |
|
|
|
|
); /* Offset the bottom row's padding. */ |
|
|
|
|
column-width: var(--views-grid-item--min-width); |
|
|
|
|
column-count: var(--views-grid--column-count); |
|
|
|
|
column-gap: var(--views-grid--layout-gap); |
|
|
|
@ -45,3 +58,22 @@
|
|
|
|
|
page-break-inside: avoid; |
|
|
|
|
break-inside: avoid; |
|
|
|
|
} |
|
|
|
|
.view-solr-search-content { |
|
|
|
|
.views-view-grid--horizontal .views-view-grid__item { |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
padding: 10px 5px; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
display: flex; |
|
|
|
|
.views-field.views-field-did-image { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
} |
|
|
|
|
.views-field-title { |
|
|
|
|
margin: 1rem 0; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
div#block-olivesimagined-solrsearchcontentsearchresultspagerforsearchpage { |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|