fix(list-item): Add hover styling (#5891)

**Related Issue:** #5880 ## Summary fix(list-item): Add hover styling ![Dec-05-2022 11-59-25](https://user-images.githubusercontent.com/1231455/205731651-a0ca7383-ae73-4bd3-8c73-717b19d2da64.gif)
Esri · Dec 5, 2022 · 063d6e9 · 063d6e9
1 parent 1e3b8ca
commit 063d6e9
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/list-item/list-item.scss b/src/components/list-item/list-item.scss
@@ -18,6 +18,9 @@
     var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)
   );
 }
+.container:hover {
+  @apply bg-foreground-2;
+}
 
 .container--border-selected {
   border-inline-start: theme("borderWidth.4") solid theme("colors.brand");