Use border and toned-down drop-shadow for landing-page cards.

Author: isoos

pkg/web_css/lib/src/_home.scss

@@ -102,7 +102,7 @@
   .mini-list-item {
     background: var(--pub-neutral-bgColor);
     border-radius: 4px;
-    box-shadow: 0px 2px 7px 0px var(--pub-home_card-box_shadow-color);
+    border: 2px solid var(--pub-neutral-borderColor);
     padding: 28px 30px 30px; // title's top gap is about 2px (30-2 => 28)
     margin-bottom: 10px;
     min-height: 100px;

pkg/web_css/lib/src/_variables.scss

@@ -109,9 +109,8 @@
   --pub-weekly-chart-tooltip-text-color: var(--pub-color-white);
   --pub-detail_tab-admin-color: #990000;
   --pub-home_title-text-color: #254a76;
-  --pub-home_card-box_shadow-color: rgba(0, 0, 0, 0.3);
   --pub-home_card_title-text-color: #1967d2;
-  --pub-home_card_hover-box_shadow-color: rgba(0, 0, 0, 0.4);
+  --pub-home_card_hover-box_shadow-color: rgba(0, 0, 0, 0.3);
   --pub-pagination-active-color: var(--pub-link-text-color);
   --pub-pagination-inactive-color: #aaaaaa;
   --pub-score_label-text-color: #6d7278;
@@ -164,9 +163,8 @@
   --pub-home_title-text-color: #31b0fc;
   --pub-weekly-chart-main-color: var(--pub-link-text-color);
   --pub-weekly-chart-tooltip-text-color: var(--pub-color-anchorBlack);
-  --pub-home_card-box_shadow-color: rgba(255, 255, 255, 0.2);
   --pub-home_card_title-text-color: var(--pub-home_title-text-color);
-  --pub-home_card_hover-box_shadow-color: rgba(255, 255, 255, 0.3);
+  --pub-home_card_hover-box_shadow-color: rgba(255, 255, 255, 0.1);
   --pub-pagination-active-color: var(--pub-link-text-color);
   --pub-pagination-inactive-color: #aaaaaa;
   --pub-score_label-text-color: #a0b0b8;