Product page defects (#97)

* updating brand colors for product pages

* updating brand colors for product pages

* git references in hero for arlast need to be white

* Update README.md

* fix lint errors

* Update README.md

* Update README.md

* fixing Bryans pr comments

README.md

@@ -2,8 +2,10 @@
 Takeda Integrated Health Systems
 
 ## Environments
-- Preview: https://main--takeda-ihs--hlxsites.hlx.page/
-- Live: https://main--takeda-ihs--hlxsites.hlx.live/
+
+-Preview: https://main--takeda-ihs--hlxsites.hlx.page/
+
+-Live: https://main--takeda-ihs--hlxsites.hlx.live/
 
 ## Installation
 

blocks/cards/product.css

@@ -48,7 +48,6 @@
   border-color: var(--flexbumin);
 }
 
-
 .cards.product.block > ul > li.glassia hr {
   border-color: var(--glassia);
 }
@@ -57,7 +56,6 @@
   border-color: var(--aralast);
 }
 
-
 .cards.product.block > ul > li .logo picture img {
   position: absolute;
   top: 0;

blocks/hero/product-hero.css

@@ -42,7 +42,6 @@
   object-fit: contain;
 }
 
-
 .hero.block.product .title {
   font-size: var(--body-font-size-xl);
   line-height: var(--line-height-m);
@@ -70,11 +69,11 @@
 }
 
 .block.hero.glassia .title p {
-  color: var(--glassia);
+  color: var(--white);
 }
 
-.block.hero.aralast .title p {
-  color: var(--aralast);
+.block.hero.glassia .references p {
+  color: var(--white);
 }
 
 .hero.block.product .title p em {
@@ -129,7 +128,6 @@
   color: var(--aralast);
 }
 
-
 @media screen and (min-width: 600px) {
   .hero.block.product .title p {
     font-size: var(--body-font-size-xxl);

blocks/isi-tray/isi-tray.css

@@ -71,27 +71,27 @@ main .section.isi-tray-container > div {
 }
 
 .isi-tray.block.gammagard-sd button {
-  border-color: var(--gammagard-sd);
+  background-color: var(--gammagard-sd);
 }
 
 .isi-tray.block.hyqvia button {
-  border-color: var(--hyqvia);
+  background-color: var(--hyqvia);
 }
 
 .isi-tray.block.cuvitru button {
-  border-color: var(--cuvitru);
+  background-color: var(--cuvitru);
 }
 
 .isi-tray.block.flexbumin button {
-  border-color: var(--flexbumin);
+  background-color: var(--flexbumin);
 }
 
 .isi-tray.block.glassia button {
-  border-color: var(--glassia);
+ background-color: var(--glassia);
 }
 
 .isi-tray.block.aralast button {
-  border-color: var(--aralast);
+  background-color: var(--aralast);
 }
 
 .isi-tray.block button span {

styles/styles.css

@@ -71,7 +71,7 @@
   --hyqvia: #500778;
   --cuvitru: #485CC7;
   --flexbumin: #3a6853;
-  --glassia: #00b140;
+  --glassia: #573aa4;
   --aralast: #3a6853;
   --onepath: #00a9ec;
   --myigsource: #a1e1b3;