rdrew 2 months ago
parent
commit
cf8f84a065
  1. 14
      css/components/header-site-branding.css
  2. 1
      css/components/search-results.css
  3. 40
      css/layout/layout-views-grid.css

14
css/components/header-site-branding.css

@ -64,7 +64,7 @@
}
}
[dir='rtl'] .site-branding {
[dir="rtl"] .site-branding {
background-image: linear-gradient(
-160deg,
var(--color--primary-50) 0%,
@ -133,14 +133,14 @@
.site-branding__text {
color: var(--color--white);
font-size: 1.125rem;
font-size: 1.5rem;
/*font-weight: bold;*/
font-family: var(--font-serif);
}
.site-branding__slogan {
color: #d0bca4;
font-size: 1.5rem;
font-size: 1.125rem;
/*font-size: 1.5rem;*/
}
.site-branding__text a {
@ -152,6 +152,9 @@
font-size: 1.75rem;
line-height: 1.75rem;
}
.site-branding__slogan {
font-size: 1.3rem;
}
}
@media ((((min-width: 60rem)))) {
@ -160,6 +163,9 @@
font-size: 2rem;
line-height: var(--sp2);
}
.site-branding__slogan {
font-size: 1.5rem;
}
}
.site-branding--bg-gray .site-branding__text,

1
css/components/search-results.css

@ -9,7 +9,6 @@
* @file
* Search results specific styles.
*/
.search-results {
margin-block-end: var(--sp2);
padding-block: 0;

40
css/layout/layout-views-grid.css

@ -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;
}

Loading…
Cancel
Save