Browse Source

menu tweaks

master
rdrew 2 months ago
parent
commit
f4d031bd29
  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( background-image: linear-gradient(
-160deg, -160deg,
var(--color--primary-50) 0%, var(--color--primary-50) 0%,
@ -133,14 +133,14 @@
.site-branding__text { .site-branding__text {
color: var(--color--white); color: var(--color--white);
font-size: 1.125rem; font-size: 1.5rem;
/*font-weight: bold;*/ /*font-weight: bold;*/
font-family: var(--font-serif); font-family: var(--font-serif);
} }
.site-branding__slogan { .site-branding__slogan {
color: #d0bca4; color: #d0bca4;
font-size: 1.5rem; font-size: 1.125rem;
/*font-size: 1.5rem;*/
} }
.site-branding__text a { .site-branding__text a {
@ -152,6 +152,9 @@
font-size: 1.75rem; font-size: 1.75rem;
line-height: 1.75rem; line-height: 1.75rem;
} }
.site-branding__slogan {
font-size: 1.3rem;
}
} }
@media ((((min-width: 60rem)))) { @media ((((min-width: 60rem)))) {
@ -160,6 +163,9 @@
font-size: 2rem; font-size: 2rem;
line-height: var(--sp2); line-height: var(--sp2);
} }
.site-branding__slogan {
font-size: 1.5rem;
}
} }
.site-branding--bg-gray .site-branding__text, .site-branding--bg-gray .site-branding__text,

1
css/components/search-results.css

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

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

@ -25,16 +25,29 @@
* Calculated values. * Calculated values.
*/ */
--views-grid--gap-count: calc(var(--views-grid--column-count) - 1); --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--total-gap-width: calc(
--views-grid-item--max-width: calc((100% - var(--views-grid--total-gap-width)) / var(--views-grid--column-count)); 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; 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); grid-gap: var(--views-grid--layout-gap);
} }
.views-view-grid--vertical { .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-width: var(--views-grid-item--min-width);
column-count: var(--views-grid--column-count); column-count: var(--views-grid--column-count);
column-gap: var(--views-grid--layout-gap); column-gap: var(--views-grid--layout-gap);
@ -45,3 +58,22 @@
page-break-inside: avoid; page-break-inside: avoid;
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