Browse Source

type changes

master
rdrew 1 year ago
parent
commit
92ac9a6dee
  1. 4
      css/base/base.css
  2. 1
      css/base/variables.css
  3. 5
      css/components/block.css
  4. 2
      css/components/button.css
  5. 7
      css/components/field.css
  6. 2
      css/components/form-select.css
  7. 2
      css/components/form-text.css
  8. 3
      css/components/form-textarea.css
  9. 3
      css/components/pager.css
  10. 4
      css/layout/layout-sidebar.css

4
css/base/base.css

@ -80,8 +80,8 @@ h1 {
@media (min-width: 43.75rem) { @media (min-width: 43.75rem) {
h1 { h1 {
font-size: 3.75rem; font-size: 2.75rem;
line-height: var(--sp4); line-height: var(--sp3);
} }
} }

1
css/base/variables.css

@ -30,6 +30,7 @@
--max-width: 84.375rem; --max-width: 84.375rem;
--max-bg-color: 98.125rem; /* Width to which the background color extends to. */ --max-bg-color: 98.125rem; /* Width to which the background color extends to. */
--sp: 1.125rem; --sp: 1.125rem;
/*--content-left: 5.625rem;*/
--content-left: 5.625rem; --content-left: 5.625rem;
--site-header-height-wide: var(--sp10); --site-header-height-wide: var(--sp10);
--container-padding: var(--sp); --container-padding: var(--sp);

5
css/components/block.css

@ -13,8 +13,9 @@
.block__title { .block__title {
margin-block: 0 var(--sp); margin-block: 0 var(--sp);
letter-spacing: 0.02em; letter-spacing: 0.02em;
color: var(--color-text-neutral-soft); color: var(--color-text-neutral-loud);
font-size: var(--font-size-s); /*font-size: var(--font-size-l);*/
font-size: 24px;
line-height: var(--sp); line-height: var(--sp);
} }

2
css/components/button.css

@ -12,7 +12,7 @@
.button { .button {
display: inline-block; display: inline-block;
height: var(--sp3); height: var(--sp2);
margin-block: var(--sp1); margin-block: var(--sp1);
margin-inline-start: 0; margin-inline-start: 0;
margin-inline-end: var(--sp1); margin-inline-end: var(--sp1);

7
css/components/field.css

@ -11,7 +11,8 @@
*/ */
.field:not(:last-child) { .field:not(:last-child) {
margin-block-end: var(--sp2); /*margin-block-end: var(--sp2);*/
margin-block-end: var(--sp1);
} }
.node--view-mode-teaser .field { .node--view-mode-teaser .field {
@ -30,6 +31,8 @@
.field__label { .field__label {
font-weight: bold; font-weight: bold;
font-family: var(--font-sans);
font-size: var(--font-size-base);
} }
.field--label-inline .field__label, .field--label-inline .field__label,
@ -55,6 +58,8 @@
.field--label-inline > .field__item, .field--label-inline > .field__item,
.field--label-inline .field__items { .field--label-inline .field__items {
padding-inline-end: 0.5em; padding-inline-end: 0.5em;
font-family: var(--font-sans);
font-size: var(--font-size-base);
} }
.field--label-inline .field__label::after { .field--label-inline .field__label::after {

2
css/components/form-select.css

@ -16,7 +16,7 @@
select { select {
max-width: 100%; max-width: 100%;
height: var(--sp3); height: var(--sp2);
padding-block: 0; padding-block: 0;
padding-inline-start: var(--sp); padding-inline-start: var(--sp);
padding-inline-end: var(--sp3); padding-inline-end: var(--sp3);

2
css/components/form-text.css

@ -27,7 +27,7 @@
textarea { textarea {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
min-height: var(--sp3); min-height: var(--sp2);
padding: 0 var(--sp); padding: 0 var(--sp);
color: var(--color-text-neutral-loud); color: var(--color-text-neutral-loud);
border: 1px solid var(--color--gray-60); border: 1px solid var(--color--gray-60);

3
css/components/form-textarea.css

@ -16,3 +16,6 @@ textarea {
min-height: var(--sp8); min-height: var(--sp8);
padding: var(--sp); padding: var(--sp);
} }
.region--sidebar input.form-text {
width: 15em;
}

3
css/components/pager.css

@ -10,6 +10,9 @@
* Styles for pagination. * Styles for pagination.
*/ */
#block-olives-solrsearchcontentsearchresultspagerforcollectionmembers .pager__group {
justify-content: space-around;
}
.pager__items { .pager__items {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

4
css/layout/layout-sidebar.css

@ -25,7 +25,7 @@
.sidebar-grid > .site-main { .sidebar-grid > .site-main {
display: grid; display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-columns: repeat(8, minmax(0, 1fr));
grid-column: 3 / 11; grid-column: 1 / 11;
} }
.sidebar-grid > .site-main > .region--content-above, .sidebar-grid > .site-main > .region--content-above,
@ -54,6 +54,6 @@
@media (min-width: 62.5rem) { @media (min-width: 62.5rem) {
.sidebar-grid .region--sidebar { .sidebar-grid .region--sidebar {
grid-column: 12 / 15; grid-column: 11 / 15;
} }
} }

Loading…
Cancel
Save