Better use of CSS var

diff --git a/scss/_list-group.scss b/scss/_list-group.scss
index 3a976d68035f48958fba398a3ad845c07ed733b1..fd42cec3ae9b19028e111164e6f5bd486539e5ee 100644 (file)
--- a/scss/_list-group.scss
+++ b/scss/_list-group.scss
@@ -185,20 +185,13 @@
     --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text);
     --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle);
     --#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle);
-
-    &.list-group-item-action {
-      &:hover,
-      &:focus {
-        --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
-        --#{$prefix}list-group-action-hover-bg: var(--#{$prefix}#{$state}-border-subtle);
-      }
-
-      &:active {
-        --#{$prefix}list-group-active-color: var(--#{$prefix}emphasis-color);
-        --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text);
-        --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text);
-      }
-    }
+    --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color);
+    --#{$prefix}list-group-action-hover-bg: var(--#{$prefix}#{$state}-border-subtle);
+    --#{$prefix}list-group-action-active-color: var(--#{$prefix}emphasis-color);
+    --#{$prefix}list-group-action-active-bg: var(--#{$prefix}#{$state}-border-subtle);
+    --#{$prefix}list-group-active-color: var(--#{$prefix}#{$state}-bg-subtle);
+    --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text);
+    --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text);
   }
 }
 // scss-docs-end list-group-modifiers