Use .list-group-item-action for list group item variant (#25338)

1 files changed, 10 insertions, 13 deletions

diff --git a/scss/mixins/_list-group.scss b/scss/mixins/_list-group.scss
index 278787bbe..607ffcb86 100644
--- a/scss/mixins/_list-group.scss
+++ b/scss/mixins/_list-group.scss
@@ -4,21 +4,18 @@
   .list-group-item-#{$state} {
     color: $color;
     background-color: $background;
-  }
-
-  a.list-group-item-#{$state},
-  button.list-group-item-#{$state} {
-    color: $color;
 
-    @include hover-focus {
-      color: $color;
-      background-color: darken($background, 5%);
-    }
+    &.list-group-item-action {
+      @include hover-focus {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
 
-    &.active {
-      color: #fff;
-      background-color: $color;
-      border-color: $color;
+      &.active {
+        color: #fff;
+        background-color: $color;
+        border-color: $color;
+      }
     }
   }
 }