From f41eb9b69e61704f70f43001f974bde7dbe26d1b Mon Sep 17 00:00:00 2001 From: Rob Rusher Date: Wed, 8 Nov 2023 14:53:18 -0700 Subject: [PATCH 1/3] add styles for variant --- blocks/cards/cards.css | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index ff629085..b4280843 100644 --- 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; } } - From 24a361a8c9c8185db187f4d260aa492e2bd51653 Mon Sep 17 00:00:00 2001 From: Rob Rusher Date: Fri, 10 Nov 2023 11:30:18 -0700 Subject: [PATCH 2/3] add icons --- icons/community.svg | 11 +++++++++++ icons/estimate.svg | 11 +++++++++++ 2 files changed, 22 insertions(+) create mode 100644 icons/community.svg create mode 100644 icons/estimate.svg 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 @@ + \ 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 @@ + \ No newline at end of file From e4da000ab54b49a79a609002f85458f791197a17 Mon Sep 17 00:00:00 2001 From: Rob Rusher Date: Fri, 10 Nov 2023 11:34:41 -0700 Subject: [PATCH 3/3] add space below card for this variant --- blocks/cards/cards.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index b4280843..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; }