Fix research page icons (#519)

Co-authored-by: Satya Deep Maheshwari <[email protected]>
hlxsites · Dec 6, 2023 · fd5a7e3 · fd5a7e3
1 parent 7204f86
commit fd5a7e3
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 2 deletions.
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -221,8 +221,18 @@ main .cards.machine-parts .cards-card-image {
   height: 9rem;
   flex-shrink: 0;
   margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
+main .cards .cards-card-image span.icon.icon-scientific-literature-1 {
+  background-image: url("/icons/scientific-literature-1.svg");
+  width: 84px;
+  height: 84px;
+}
+
+
 main .cards.machine-parts .cards-card-body {
   width: auto;
   padding: 1.5rem 1rem;

diff --git a/blocks/image-collage/image-collage.css b/blocks/image-collage/image-collage.css
@@ -195,16 +195,34 @@ main div.autoblocked.image-collage[class*='boxy-col-'].caption-above.block > div
   flex-direction: column-reverse;
 }
 
-image-collage.medium {
+.image-collage.medium {
   font-size: var(--font-size-small);
   color: #0d66c2;
 }
 
-.medium .icon {
+.image-collage.medium .icon {
   width: auto;
   height: auto;
 }
 
+.image-collage.medium .icon.icon-mouth-and-body {
+  background-image: url("/icons/mouth-and-body.svg");
+  width: 120px;
+  height: 120px;
+}
+
+.image-collage.medium .icon.icon-health-and-beauty {
+  background-image: url("/icons/health-and-beauty.svg");
+  width: 120px;
+  height: 120px;
+}
+
+.image-collage.medium .icon.icon-safety-and-environment {
+  background-image: url("/icons/safety-and-environment.svg");
+  width: 120px;
+  height: 120px;
+}
+
 main .image-collage.native-image-sizes img {
   width: auto;
 }

diff --git a/icons/HealthAndBeauty.svg → icons/health-and-beauty.svg b/icons/HealthAndBeauty.svg → icons/health-and-beauty.svg
diff --git a/icons/MouthAndBody.svg → icons/mouth-and-body.svg b/icons/MouthAndBody.svg → icons/mouth-and-body.svg
diff --git a/icons/SafetyAndEnvironment.svg → icons/safety-and-environment.svg b/icons/SafetyAndEnvironment.svg → icons/safety-and-environment.svg
diff --git a/icons/ScientificLiterature-1.svg → icons/scientific-literature-1.svg b/icons/ScientificLiterature-1.svg → icons/scientific-literature-1.svg
diff --git a/styles/styles.css b/styles/styles.css
@@ -658,6 +658,7 @@ main .block.centered {
   position: relative;
 }
 
+
 /* START Section Styles START */
 
 /* stylelint-disable-next-line no-descending-specificity */
-Original file line number
+Diff line change
@@ Expand Up / @@ -658,6 +658,7 @@ main .block.centered { @@
       position: relative;
     }
     /* START Section Styles START */
     /* stylelint-disable-next-line no-descending-specificity */
@@ Expand Down @@