give tables a light border

This commit is contained in:
Richard van der Hoff 2022-08-03 09:15:37 +01:00
parent 473b30b2eb
commit b62be51060
2 changed files with 14 additions and 0 deletions

View file

@ -30,6 +30,9 @@ $note: $secondary;
$note-background: $secondary-background; $note-background: $secondary-background;
$warning-background: #FFE0E0; $warning-background: #FFE0E0;
// colours for definition tables.
// the border colour matches that used for "highlight" divs
$table-border-color: rgba(black, .125);
$table-row-alternate: $secondary-lightest-background; $table-row-alternate: $secondary-lightest-background;
$table-row-default: $secondary-lighter-background; $table-row-default: $secondary-lighter-background;

View file

@ -343,6 +343,17 @@ footer {
} }
&.object-table, &.response-table { &.object-table, &.response-table {
border: 1px $table-border-color solid;
caption {
// the caption is outside the table's border box,
// so we have to give it its own border.
border: 1px $table-border-color solid;
// ... but avoid double border between caption and table
border-bottom: 0px;
}
caption, tbody tr { caption, tbody tr {
background-color: $table-row-default; background-color: $table-row-default;
} }