From b95687f666c3d070ddf5261acfc678e1b6416b85 Mon Sep 17 00:00:00 2001
From: Rob Rusher <rrusher@adobe.com>
Date: Fri, 1 Dec 2023 13:17:50 -0700
Subject: [PATCH] Cards block variant for Shade Icon (#172)

* add styles for variant

* add icons

* add space below card for this variant

---------

Co-authored-by: Bryan Stopp <bstopp@users.noreply.github.com>
---
 blocks/cards/cards.css | 35 ++++++++++++++++++++++++++++++++++-
 icons/community.svg    | 11 +++++++++++
 icons/estimate.svg     | 11 +++++++++++
 3 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 icons/community.svg
 create mode 100644 icons/estimate.svg

diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
index ff629085..72d1dded 100644
--- a/blocks/cards/cards.css
+++ b/blocks/cards/cards.css
@@ -6,6 +6,10 @@
   width: 100%;
 }
 
+.cards.block.shade-icon {
+  margin-bottom: 40px;
+}
+
 .cards.block .title {
   padding: 2em 0;
 }
@@ -127,10 +131,40 @@
   letter-spacing: var(--letter-spacing-xs);
 }
 
+.cards.block.shade-icon .cards-list .cards-item .card-body p {
+  text-align: center;
+  margin-bottom: 10px;
+}
+
 .section.grey-background .cards.block .cards-list .cards-item .card-image p {
   background-color: var(--light-grey);
 }
 
+.cards.block.shade-icon .cards-list {
+  gap: 70px;
+  max-width: 83.333%;
+}
+
+.cards.block.shade-icon .cards-list .cards-item {
+  background-color: var(--light-grey);
+  border-top: 1px solid #000;
+  min-height: 274px;
+  align-items: center;
+  justify-content: center;
+}
+
+.cards.block.shade-icon .cards-list .cards-item .card-body h4 {
+  text-align: center;
+  padding: 8px 0 20px;
+}
+
+.cards.block.shade-icon .cards-list .cards-item .card-body .icon img {
+  margin: 0 auto;
+  display: block;
+  height: 35px;
+  width: 35px;
+}
+
 @media screen and (min-width: 600px) {
   .cards.block.icons {
     margin: 0 auto;
@@ -180,4 +214,3 @@
     column-gap: 20px;
   }
 }
-
diff --git a/icons/community.svg b/icons/community.svg
new file mode 100644
index 00000000..e0b7a281
--- /dev/null
+++ b/icons/community.svg
@@ -0,0 +1,11 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  class="community"
+  role="img"
+  aria-hidden="true"
+  tabindex="-1"
+  viewBox="0 0 62 43">
+  <g fill="#3A3A3A" fill-rule="nonzero">
+    <path d="M20.042 29.25c-.377.318-.739.652-1.086 1H.5v-.5c0-6.83 4.453-12.76 10.8-14.775a8 8 0 1 1 9.4 0c.785.25 1.547.562 2.28.932-.18.28-.344.571-.493.871a14.395 14.395 0 0 0-3.136-1.139l-1.305-.309 1.19-.62a7 7 0 1 0-6.47 0l1.188.62-1.305.31a14.506 14.506 0 0 0-11.14 13.61h18.533zm2.612.535v.465h-.655c.214-.16.432-.316.655-.465zm2.05-12.862l.05.034-.444.648c.12-.235.251-.462.394-.682zM41.958 29.25h18.533a14.506 14.506 0 0 0-11.14-13.61l-1.305-.31 1.19-.62a7 7 0 1 0-6.47 0l1.188.62-1.305.31c-1.09.257-2.142.64-3.136 1.138-.15-.3-.314-.59-.492-.871.732-.37 1.494-.682 2.28-.932a8 8 0 1 1 9.4 0A15.509 15.509 0 0 1 61.499 29.75v.5H43.044a17.047 17.047 0 0 0-1.086-1zM37.59 17.416l-.323-.473.029-.02c.104.16.202.325.294.493zm2.411 12.834h-.787v-.553c.268.176.531.36.787.553z"/>
+    <path d="M23 21a8 8 0 1 1 12.7 6.475A15.509 15.509 0 0 1 46.5 42.25v.5h-31v-.5c0-6.83 4.453-12.76 10.8-14.775A7.994 7.994 0 0 1 23 21zm11.351 7.14l-1.305-.31 1.19-.62a7 7 0 1 0-6.47 0l1.188.62-1.305.31a14.506 14.506 0 0 0-11.14 13.61H45.49a14.506 14.506 0 0 0-11.14-13.61z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/icons/estimate.svg b/icons/estimate.svg
new file mode 100644
index 00000000..f5c3ec89
--- /dev/null
+++ b/icons/estimate.svg
@@ -0,0 +1,11 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg"
+  class="estimate"
+  role="img"
+  aria-hidden="true"
+  tabindex="-1"
+  viewBox="0 0 44 37">
+  <g transform="rotate(30 14.214 8.331)" stroke="#3A3A3A" fill="none" fill-rule="evenodd">
+    <path d="M12.177 23.18h31.19a.5.5 0 0 0 .5-.5V1.375a.5.5 0 0 0-.5-.5h-31.19L1.064 11.669l-.01.01a.5.5 0 0 0 .01.707L12.177 23.18z"/>
+    <circle cx="10.796" cy="12.721" r="2.589"/>
+  </g>
+</svg>
\ No newline at end of file