fix(tables): support simpler table structure

Fixes #34184

Not quite sure about this, but requiring a `tbody` doesn't feel right either…

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 601d86cc9f4009b9bada2e47d50c3471f1589f7e..6abf53bd1f8fde45ccc05fd6bbcfaa0af94c2506 100644 (file)
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -25,7 +25,10 @@
   // We use the universal selectors here to simplify the selector (else we would need 6 different selectors).
   // Another advantage is that this generates less code and makes the selector less specific making it easier to override.
   // stylelint-disable-next-line selector-max-universal
-  > :not(caption) > * > * {
+  > tr > *,
+  > thead > tr > *,
+  > tbody > tr > *,
+  > tfoot > tr > * {
     padding: $table-cell-padding-y $table-cell-padding-x;
     background-color: var(--#{$prefix}table-bg);
     border-bottom-width: $table-border-width;
@@ -60,7 +63,10 @@
 
 .table-sm {
   // stylelint-disable-next-line selector-max-universal
-  > :not(caption) > * > * {
+  > tr > *,
+  > thead > tr > *,
+  > tbody > tr > *,
+  > tfoot > tr > * {
     padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
   }
 }
@@ -76,7 +82,10 @@
 // to the `td`s or `th`s
 
 .table-bordered {
-  > :not(caption) > * {
+  > tr,
+  > thead > tr,
+  > tbody > tr,
+  > tfoot > tr {
     border-width: $table-border-width 0;
 
     // stylelint-disable-next-line selector-max-universal
@@ -88,7 +97,10 @@
 
 .table-borderless {
   // stylelint-disable-next-line selector-max-universal
-  > :not(caption) > * > * {
+  > tr > *,
+  > thead > tr > *,
+  > tbody > tr > *,
+  > tfoot > tr > * {
     border-bottom-width: 0;
   }