type tweaks

css/components/islandora_mods.css

@@ -1,6 +1,7 @@
 /* =============================================================================
-   Person pages Grid
+   Person Pages Grid
    ============================================================================= */
+
 @media (min-width: 1000px) {
   .view-taxonomy-term {
     display: grid;
@@ -10,14 +11,17 @@
   }
 }
 
-/*.view-taxonomy-term {
+/*
+.view-taxonomy-term {
   display: grid;
   grid-template-rows: 1fr;
   grid-template-columns:
     repeat(calc(var(--grid-col-count) - 3), minmax(0, 1fr))
     150px;
   grid-column-gap: var(--grid-gap);
-}*/
+}
+*/
+
 .people_bio {
   grid-column: 1 / 12;
 }
@@ -25,6 +29,7 @@
 .related_books {
   grid-column: 12 / 15;
 }
+
 @media (min-width: 600px) {
   .path-taxonomy div#block-olivesbooks-content {
     grid-column: 2 / 15;
@@ -37,71 +42,77 @@
   border-radius: 5px;
   border: 1px solid var(--border-dark);
   /* width: 255px; */
+}
 
-  h2 {
+.related_books_block h2 {
   font-size: var(--sidebar-title-size);
   margin: 0 0 1rem;
   line-height: 1;
   border-bottom: 4px double;
-  }
+}
-  img {
+
+.related_books_block img {
   width: 100%;
   border: 1px solid #ddd;
   padding: 4px;
   background: #fff;
-  }
+}
-  .views-view-grid__item {
+
+.related_books_block .views-view-grid__item {
   justify-content: space-around;
-  }
+}
-  .views-field-title {
+
+.related_books_block .views-field-title {
   text-align: center;
-    a {
+}
+
+.related_books_block .views-field-title a {
   text-decoration: none;
   font-family: var(--font-serif);
   text-align: center;
-    }
-  }
-}
-.page-node-type-islandora-object {
-  .sidebar-grid .grid-full {
-  }
 }
+
 @media (min-width: 62.5rem) {
   .page-node-type-islandora-object .sidebar-grid > .site-main {
     grid-column: 2 / 12;
   }
-}
+
-@media (min-width: 62.5rem) {
   .page-node-type-islandora-object .sidebar-grid .region--sidebar {
     grid-column: 12 / 15;
   }
 }
+
 #block-olivesbooks-views-block-related-people-block-1 {
   margin-top: 7rem;
-  h2 {
+}
+
+#block-olivesbooks-views-block-related-people-block-1 h2 {
   font-size: var(--sidebar-title-size);
   line-height: 1;
   border-bottom: 4px double;
-  }
+}
-  .views-field-name {
+
+#block-olivesbooks-views-block-related-people-block-1 .views-field-name {
   text-align: center;
-    a {
+}
+
+#block-olivesbooks-views-block-related-people-block-1 .views-field-name a {
   text-decoration: none;
   font-family: var(--font-serif);
-    }
+}
-  }
 
-  .field--name-field-media-image {
+#block-olivesbooks-views-block-related-people-block-1
+  .field--name-field-media-image
   img {
   width: 100%;
   border: 1px solid #ccc;
   padding: 4px;
   background: #fff;
-    }
+}
-  }
+
+#block-olivesbooks-views-block-related-people-block-1
   .field--name-field-media-image:not(:first-child) {
   margin-top: 20px;
-  }
 }
 
 /* =============================================================================
@@ -146,7 +157,7 @@
   margin: 5px 0 6px 0;
   font-weight: bold;
   border-bottom: 1px dotted #574938;
-  /*word-break: break-all;*/
+  /* word-break: break-all; */
 }
 
 .grid-item .grid-item__title a {
@@ -158,7 +169,7 @@
 .views-field-edtf-year,
 .grid-item .views-field-member-of-title {
   line-height: 1.2;
-  font-size: .9rem;
+  font-size: 0.9rem;
 }
 
 .grid-item .views-field-member-of-title .field__label {
@@ -178,6 +189,7 @@
 /* =============================================================================
    Collection / Grid View Layout
    ============================================================================= */
+
 .collection-view.view-grid > .view-content,
 .collection-view .view-content,
 .view-grid > .view-content {
@@ -390,11 +402,13 @@ div#block-views-block-media-display-blocks-source {
 .mirador16.mirador15 {
   border-top: 2px solid #2b3616 !important;
 }
+
 @media screen and (max-width: 600px) {
   .block-mirador {
     margin-bottom: -9rem;
   }
 }
+
 /* =============================================================================
    Field: History Note / Relationships
    ============================================================================= */
@@ -413,35 +427,37 @@ div#block-views-block-media-display-blocks-source {
 .view-oai-pmh-item-links .field-content {
   display: flex;
   justify-content: center;
-  a {
+}
+
+.view-oai-pmh-item-links .field-content a {
   margin: 0 0.5rem 0 0;
   font-size: 0.9rem;
   padding-inline: 0.5rem;
   height: 2rem;
-  }
 }
+
 .advanced_search_result_pager .pager__group > * {
   margin: 0.47214rem 2rem 0.47214rem 0 !important;
   display: flex;
 }
 
-.node--type-islandora-object .node__content,
+.node--type-islandora-object .node__content .field,
-.people_metadata {
+.people_metadata .field {
-  .field {
   margin-bottom: 0.6rem;
-  }
 }
+
 @media (min-width: 800px) {
-  .node--type-islandora-object .node__content,
+  .node--type-islandora-object .node__content .field,
-  .people_metadata {
+  .people_metadata .field {
-    .field {
     margin-bottom: 0.6rem;
     /* border-bottom: 1px solid #eaeaea; */
   }
-    .field__label {
+
+  .node--type-islandora-object .node__content .field__label,
+  .people_metadata .field__label {
     width: 10rem;
   }
-  }
+
   .book .field__label {
     width: 13em !important;
   }
@@ -461,32 +477,36 @@ div#block-views-block-media-display-blocks-source {
   display: none;
 }
 
-.node-17123,
+.node-17123 div#block-olivesbooks-content,
-.node-17101 {
+.node-17101 div#block-olivesbooks-content {
-  div#block-olivesbooks-content {
   margin-block-end: 0;
-  }
+}
-  .node--view-mode-collection {
+
+.node-17123 .node--view-mode-collection,
+.node-17101 .node--view-mode-collection {
   height: 0;
-  }
 }
+
 @media (min-width: 62.5rem) {
   .node-17101 .sidebar-grid > .site-main {
     grid-column: 2 / 11;
   }
+
   .node-17101 .sidebar-grid .region--sidebar {
     grid-column: 11 / 15;
   }
+
   .node-17123 .sidebar-grid > .site-main {
     grid-column: 2 / 11;
   }
+
   .node-17123 .sidebar-grid .region--sidebar {
     grid-column: 11 / 15;
   }
 }
 
 /* =============================================================================
-   related items layout  
+   Related Items Layout
    ============================================================================= */
 
 @media (max-width: 1000px) {
@@ -497,18 +517,21 @@ div#block-views-block-media-display-blocks-source {
   .book .sidebar-grid aside {
     order: 2;
   }
+
   .book .facet-wrapper {
     display: block !important;
   }
+
   .book #block-olivesbooks-views-block-related-people-block-1 {
     margin-top: 0rem;
   }
+
   .book button#toggle-facets {
     display: none;
   }
 }
 
-/* test typeography*/
+/* Test typography */
 
 .slide__description a,
 .menu a,
@@ -519,60 +542,66 @@ h1 {
   letter-spacing: 4%;
 }
 
-.book .node__content,
+.book .node__content .field--label-inline .field__label,
-.people_metadata {
+.book .node__content .field--label-inline .field__items,
-  .field--label-inline .field__label,
+.people_metadata .field--label-inline .field__label,
-  .field--label-inline .field__items {
+.people_metadata .field--label-inline .field__items {
   float: none;
-  }
+}
-  .field {
+
-  }
+.book .node__content .field__label,
-  .field__label,
+.book .node__content .field__item,
-  .field__item,
+.book .node__content .field__items,
-  .field__items {
+.people_metadata .field__label,
+.people_metadata .field__item,
+.people_metadata .field__items {
   font-size: 1rem;
-  }
 }
 
 .field.field--name-field-affiliation > .field__items > .field__label {
   /* margin-left: 0.7em; */
-  width:initial;
+  width: initial;
 }
+
 .field.field--name-field-affiliation > .field__items > .field__item {
   border-left: 4px double #ccc;
   padding-left: 5px;
-
   /* margin-left: 0.7em; */
 }
-@media ((min-width: 600px)) {
+
-  .book .node__content,
+@media (min-width: 600px) {
-  .people_metadata {
+  .book .node__content .field--label-inline .field__label,
-    .field--label-inline .field__label,
+  .book .node__content .field--label-inline .field__items,
-    .field--label-inline .field__items {
+  .people_metadata .field--label-inline .field__label,
+  .people_metadata .field--label-inline .field__items {
     float: none;
   }
-    .field {
+
+  .book .node__content .field,
+  .people_metadata .field {
     display: flex;
     line-height: 1;
   }
-    .field__label,
+
-    .field__item,
+  .book .node__content .field__label,
-    .field__items {
+  .book .node__content .field__item,
+  .book .node__content .field__items,
+  .people_metadata .field__label,
+  .people_metadata .field__item,
+  .people_metadata .field__items {
     font-size: 1.1rem;
   }
-  }
+
   .field.field--name-field-organization {
     /* display: flex; */
     /* place-items: flex-start; */
   }
 }
 
-.field.field--name-field-affiliation {
+.field.field--name-field-affiliation .field__label {
-  /* display: flex; */
-  .field__label {
   font-family: var(--font-serif);
-  }
 }
+
 .view-other-people-in-the-same-organizations h3 {
   margin: 0.5em 0;
 }
@@ -580,18 +609,19 @@ h1 {
 .person--left {
   background: #444;
   color: #fff;
+}
 
-  .field:not(:last-child) {
+.person--left .field:not(:last-child) {
   /* margin-block-end: var(--sp2); */
   margin-block-end: 0;
-  }
+}
-  .person--details {
+
+.person--left .person--details {
   padding: 0.5rem 0 0.7rem;
   line-height: 1;
-  }
 }
 
-
 .paragraph--type--affiliation > .field > .field__label {
-  width:initial;
+  width: initial;
 }
+