diff options
| author | Mark Otto <markdotto@gmail.com> | 2022-02-26 00:58:08 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2022-02-28 22:21:53 +0300 |
| commit | 12d49f19b0b4e5735480d8a1c4cf789f16eac24a (patch) | |
| tree | b1013c5b77663f12996ce96f8cda11ce204e67d7 /scss | |
| parent | 0cf36335d66bf47e03587f798cf3fc5666eb7994 (diff) | |
Remove thicker border on table thead elements
Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.
I've applied it by default in another way for our docs tables to help differentiate our content vs our components.
Fixes #35342
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_tables.scss | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/scss/_tables.scss b/scss/_tables.scss index 2045111043..c523e6677f 100644 --- a/scss/_tables.scss +++ b/scss/_tables.scss @@ -39,13 +39,11 @@ > thead { vertical-align: bottom; } - - // Highlight border color between thead, tbody and tfoot. - > :not(:first-child) { - border-top: (2 * $table-border-width) solid $table-group-separator-color; - } } +.table-group-divider { + border-top: calc(2 * $table-border-width) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list +} // // Change placement of captions with a class |