diff --git a/scss/_tables.scss b/scss/_tables.scss index 601d86cc9..6abf53bd1 100644 --- 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; }