add styles for variant

hlxsites · Nov 8, 2023 · f41eb9b · f41eb9b
1 parent dd197fb
commit f41eb9b
Showing 1 changed file with 30 additions and 1 deletion.
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -127,10 +127,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 +210,3 @@
     column-gap: 20px;
   }
 }
-