--table-border-color -> --table-cell-border-color; add Mac table styles

This commit is contained in:
Nate Weaver 2020-01-20 21:50:25 -06:00
parent 02297ed94a
commit 3635176d58
2 changed files with 36 additions and 4 deletions

View File

@ -39,6 +39,7 @@ a:hover {
--body-code-color: #666;
--system-message-color: #cbcbcb;
--feedlink-color: rgba(0, 0, 0, 0.6);
--table-cell-border-color: lightgray;
}
@media(prefers-color-scheme: dark) {
@ -50,7 +51,8 @@ a:hover {
--header-color: #d2d2d2;
--header-link-color: #4490e2;
--body-code-color: #b2b2b2;
--system-message-color: #5f5f5f
--system-message-color: #5f5f5f;
--table-cell-border-color: dimgray;
}
}
@ -129,6 +131,36 @@ code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: 14px;
}
/*
Instead of the last-child bits, border-collapse: collapse
could have been used. However, then the inter-cell borders
overlap the table border, which looks bad.
*/
.nnw-overflow table {
margin-bottom: 1px;
border-spacing: 0;
border: 1px solid #777;
}
.nnw-overflow td, .nnw-overflow th {
-webkit-hyphens: none;
word-break: normal;
border: 1px solid var(--table-cell-border-color);
border-top: none;
border-left: none;
padding: 5px;
}
.nnw-overflow tr td:last-child, .nnw-overflow tr th:last-child {
border-right: none;
}
.nnw-overflow tr:last-child td, .nnw-overflow tr:last-child th {
border-bottom: none;
}
.nnw-overflow td pre {
border: none;
padding: 0;
}
img, figure, iframe, div {
max-width: 100%;
height: auto !important;

View File

@ -45,7 +45,7 @@ a:hover {
--system-message-color: #cbcbcb;
--feedlink-color: rgba(0, 0, 0, 0.6);
--article-title-color: #333;
--table-border-color: lightgray;
--table-cell-border-color: lightgray;
}
@media(prefers-color-scheme: dark) {
@ -57,7 +57,7 @@ a:hover {
--body-code-color: #b2b2b2;
--system-message-color: #5f5f5f;
--article-title-color: #e0e0e0;
--table-border-color: dimgray;
--table-cell-border-color: dimgray;
}
}
@ -162,7 +162,7 @@ code, pre {
.nnw-overflow td, .nnw-overflow th {
-webkit-hyphens: none;
word-break: normal;
border: 1px solid var(--table-border-color);
border: 1px solid var(--table-cell-border-color);
border-top: none;
border-left: none;
padding: 5px;