From 628a07b30d2628d1ca374214a03773e4c629db18 Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Wed, 3 Apr 2024 15:51:17 -0400
Subject: [PATCH] Replacing every other coloring with nth-child selector

---
 src/iss-components/cart-dropdown/cart-dropdown.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index 08aa8ff0..661c2b81 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -78,8 +78,7 @@
                     <div
                         v-for="(item, i) in nonServicePackageCartItems"
                         :key="i"
-                        class="px-5 py-1 non-packaged-cart-item"
-                        :class="i % 2 == 0 ? 'even' : ''">
+                        class="px-5 py-1 non-packaged-cart-item">
                         <div class="d-flex justify-content-between align-items-center">
                             <span
                                 v-if="item.isRecycle"
@@ -489,10 +488,8 @@ export default {
         text-underline-offset: auto !important;
     }
 
-    .non-packaged-cart-item {
-        &.even {
-            background-color: $gray-100;
-        }
+    .non-packaged-cart-item:nth-child(odd){
+        background-color: $gray-100;
     }
 
     .cart-item {