diff --git a/css/base/base.css b/css/base/base.css index ab1c7d1..14f8f85 100644 --- a/css/base/base.css +++ b/css/base/base.css @@ -80,8 +80,8 @@ h1 { @media (min-width: 43.75rem) { h1 { - font-size: 3.75rem; - line-height: var(--sp4); + font-size: 2.75rem; + line-height: var(--sp3); } } diff --git a/css/base/variables.css b/css/base/variables.css index 0950cde..ef11647 100644 --- a/css/base/variables.css +++ b/css/base/variables.css @@ -30,6 +30,7 @@ --max-width: 84.375rem; --max-bg-color: 98.125rem; /* Width to which the background color extends to. */ --sp: 1.125rem; + /*--content-left: 5.625rem;*/ --content-left: 5.625rem; --site-header-height-wide: var(--sp10); --container-padding: var(--sp); diff --git a/css/components/block.css b/css/components/block.css index b546977..68bfb67 100644 --- a/css/components/block.css +++ b/css/components/block.css @@ -13,8 +13,9 @@ .block__title { margin-block: 0 var(--sp); letter-spacing: 0.02em; - color: var(--color-text-neutral-soft); - font-size: var(--font-size-s); + color: var(--color-text-neutral-loud); + /*font-size: var(--font-size-l);*/ + font-size: 24px; line-height: var(--sp); } diff --git a/css/components/button.css b/css/components/button.css index 46bd12d..9a4be3d 100644 --- a/css/components/button.css +++ b/css/components/button.css @@ -12,7 +12,7 @@ .button { display: inline-block; - height: var(--sp3); + height: var(--sp2); margin-block: var(--sp1); margin-inline-start: 0; margin-inline-end: var(--sp1); diff --git a/css/components/field.css b/css/components/field.css index d4fad4c..771d039 100644 --- a/css/components/field.css +++ b/css/components/field.css @@ -11,7 +11,8 @@ */ .field:not(:last-child) { - margin-block-end: var(--sp2); + /*margin-block-end: var(--sp2);*/ + margin-block-end: var(--sp1); } .node--view-mode-teaser .field { @@ -30,6 +31,8 @@ .field__label { font-weight: bold; + font-family: var(--font-sans); + font-size: var(--font-size-base); } .field--label-inline .field__label, @@ -55,6 +58,8 @@ .field--label-inline > .field__item, .field--label-inline .field__items { padding-inline-end: 0.5em; + font-family: var(--font-sans); + font-size: var(--font-size-base); } .field--label-inline .field__label::after { diff --git a/css/components/form-select.css b/css/components/form-select.css index a82d490..ce34f91 100644 --- a/css/components/form-select.css +++ b/css/components/form-select.css @@ -16,7 +16,7 @@ select { max-width: 100%; - height: var(--sp3); + height: var(--sp2); padding-block: 0; padding-inline-start: var(--sp); padding-inline-end: var(--sp3); diff --git a/css/components/form-text.css b/css/components/form-text.css index d2aa11c..face2c5 100644 --- a/css/components/form-text.css +++ b/css/components/form-text.css @@ -27,7 +27,7 @@ textarea { width: 100%; max-width: 100%; - min-height: var(--sp3); + min-height: var(--sp2); padding: 0 var(--sp); color: var(--color-text-neutral-loud); border: 1px solid var(--color--gray-60); diff --git a/css/components/form-textarea.css b/css/components/form-textarea.css index 0946b75..fc1a6af 100644 --- a/css/components/form-textarea.css +++ b/css/components/form-textarea.css @@ -16,3 +16,6 @@ textarea { min-height: var(--sp8); padding: var(--sp); } +.region--sidebar input.form-text { + width: 15em; +} diff --git a/css/components/pager.css b/css/components/pager.css index b613011..179a13c 100644 --- a/css/components/pager.css +++ b/css/components/pager.css @@ -10,6 +10,9 @@ * Styles for pagination. */ +#block-olives-solrsearchcontentsearchresultspagerforcollectionmembers .pager__group { + justify-content: space-around; +} .pager__items { display: flex; flex-wrap: wrap; diff --git a/css/layout/layout-sidebar.css b/css/layout/layout-sidebar.css index 4ff12fa..be839a8 100644 --- a/css/layout/layout-sidebar.css +++ b/css/layout/layout-sidebar.css @@ -25,7 +25,7 @@ .sidebar-grid > .site-main { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); - grid-column: 3 / 11; + grid-column: 1 / 11; } .sidebar-grid > .site-main > .region--content-above, @@ -54,6 +54,6 @@ @media (min-width: 62.5rem) { .sidebar-grid .region--sidebar { - grid-column: 12 / 15; + grid-column: 11 / 15; } }