feat(shs-6045): implement vertical buttons card with long text

SU-HSDO · Feb 18, 2025 · b9b8335 · b9b8335
1 parent 7024dee
commit b9b8335
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/components/_vertical-button-card.scss b/docroot/themes/humsci/humsci_basic/src/scss/components/_vertical-button-card.scss
@@ -119,6 +119,11 @@
       .hb-raised-cards & {
         padding: hb-calculate-rems(32px) hb-calculate-rems(36px);
       }
+
+      // Update padding when card is in 4 columns.
+      .field-hs-collection-items.item-per-row--4 & {
+        padding: hb-calculate-rems(18px);
+      }
     }
 
     &:has(.hb-card__graphics) {

diff --git a/docroot/themes/humsci/humsci_basic/src/scss/utilities/_raised-cards.scss b/docroot/themes/humsci/humsci_basic/src/scss/utilities/_raised-cards.scss
@@ -227,7 +227,7 @@
   }
 }
 
-// Update padding when card is in 4 columns.
+// Update padding when vertical card is in 4 columns.
 .hb-raised-cards .field-hs-collection-items.item-per-row--4 .hb-card .hb-card__content {
   @include hb-colorful {
     padding: hb-calculate-rems(18px);