rewrite table modifiers to use .table- prefix

scss/mixins/_table-row.scss

@@ -3,40 +3,28 @@
 @mixin table-row-variant($state, $background) {
   // Exact selectors below required to override `.table-striped` and prevent
   // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.#{$state},
-    > th.#{$state},
-    &.#{$state} > td,
-    &.#{$state} > th {
+  .table-#{$state} {
+    &,
+    > th,
+    > td {
       background-color: $background;
     }
   }
 
   // Hover states for `.table-hover`
   // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
+  .table-hover {
     $hover-background: darken($background, 5%);
 
-    > td.#{$state},
-    > th.#{$state} {
+    .table-#{$state} {
       @include hover {
         background-color: $hover-background;
-      }
-    }
-    &.#{$state} {
-      @include hover {
+
         > td,
         > th {
           background-color: $hover-background;
         }
       }
     }
-    @include hover {
-      > .#{$state} {
-        background-color: $hover-background;
-      }
-    }
   }
 }