Shouldn't nested tables get a background color of $table-bg instead of $body-bg?
Created by: johnaau
In a project I am working on, I have set $body-bg to a grey color and have most of my content within cards which have a background color of white.
When I have a table inside of a table, the nested table has a background color of $body-bg so I get a grey table instead of white ($table-bg) like the parent table.
I created an example on codepen.io
Maybe there is a good reason for this, or maybe it should be $table-bg???
SCSS excerpt (_tables.scss):
.table {
width: 100%;
margin-bottom: $spacer;
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
...
.table {
background-color: $body-bg;
}
}