List group item hoverable only with .list-group-hoverable class (#2397)

Co-authored-by: Paweł Kuna <[email protected]>

.changeset/smart-apples-glow.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix list group item hoverable only with `.list-group-hoverable` class

core/scss/ui/_lists.scss

@@ -30,14 +30,6 @@
   border-left-width: $border-width-wide;
 }
 
-.list-group-item {
-  &:active,
-  &:focus,
-  &:hover {
-    background-color: $dropdown-link-hover-bg;
-  }
-}
-
 .list-group-item {
   &.disabled,
   &:disabled {
@@ -58,6 +50,14 @@
 }
 
 .list-group-hoverable {
+  .list-group-item {
+    &:active,
+    &:focus,
+    &:hover {
+      background-color: $dropdown-link-hover-bg;
+    }
+  }
+
   .list-group-item-actions {
     opacity: 0;
     @include transition(opacity $transition-time);