Merge branch 'fk-stnfd-sprint-45' of github.com:SU-HSDO/suhumsci into…

… shs-5505--banner-image-partial-overlay-alignment-issue

docroot/themes/humsci/humsci_basic/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}

docroot/themes/humsci/humsci_basic/src/js/shared/vertical-linked-card/vertical-linked-card.js

@@ -5,7 +5,13 @@ function verticalLinkedCard() {
   // Loop through each card
   cards.forEach((card) => {
     // Find the main link within each card
-    const mainLink = card.querySelector('.hb-vertical-linked-card__title__link');
+    const mainLink = card.querySelector(
+      '.hb-vertical-linked-card__title__link',
+    );
+
+    if (!mainLink) {
+      return;
+    }
 
     // Add a click event listener to each card
     function handleClick() {

docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.menu-icons.scss

@@ -16,6 +16,10 @@
   @include hb-icon-background('plus', $color);
   background-size: hb-calculate-rems(18px);
   transition: hb-transition(transform);
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
 }
 
 @mixin hb-menu-minus-icon($color: 'gray-dark') {
@@ -28,6 +32,10 @@
   @include hb-icon-background('chevron', 'black');
   background-size: hb-calculate-rems(10px) hb-calculate-rems(7px);
   transition: hb-transition(transform);
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
 }
 
 @mixin hb-menu-up-arrow-icon {