Add pre and table styles that didn't make it over with the other revisions.

This commit is contained in:
Maurice Parker 2020-03-18 16:46:14 -05:00
parent 7596bea8e8
commit 14c0c0b516

View File

@ -35,7 +35,7 @@ a:hover {
:root { :root {
--body-color: #444; --body-color: #444;
--body-background-color: -apple-system-text-background; --body-background-color: -apple-system-text-background;
--link-color: hsla(215, 99%, 43%, 1); --accent-color: hsla(215, 99%, 43%, 1);
--block-quote-border-color: hsla(215, 99%, 43%, 0.75); --block-quote-border-color: hsla(215, 99%, 43%, 0.75);
--header-table-border-color: rgba(0, 0, 0, 0.1); --header-table-border-color: rgba(0, 0, 0, 0.1);
--header-color: rgba(0, 0, 0, 0.3); --header-color: rgba(0, 0, 0, 0.3);
@ -50,7 +50,7 @@ a:hover {
:root { :root {
--body-color: #d2d2d2; --body-color: #d2d2d2;
--body-background-color: #2d2d2d; --body-background-color: #2d2d2d;
--link-color: #4490e2; --accent-color: #4490e2;
--block-quote-border-color: rgba(68, 144, 226, 0.75); --block-quote-border-color: rgba(68, 144, 226, 0.75);
--header-table-border-color: rgba(255, 255, 255, 0.1); --header-table-border-color: rgba(255, 255, 255, 0.1);
--header-color: #d2d2d2; --header-color: #d2d2d2;
@ -67,7 +67,7 @@ body {
} }
body a, body a:link, body a:visited { body a, body a:link, body a:visited {
color: var(--link-color); color: var(--accent-color);
} }
body .headerTable { body .headerTable {
border-bottom: 1px solid var(--header-table-border-color); border-bottom: 1px solid var(--header-table-border-color);
@ -128,15 +128,20 @@ pre {
overflow: auto; overflow: auto;
overflow-y: hidden; overflow-y: hidden;
line-height: 20px; line-height: 20px;
border: 1px solid #777; border: 1px solid var(--accent-color);
word-wrap: normal; word-wrap: normal;
word-break: normal;
padding: 10px; padding: 10px;
} }
code, pre { code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: 14px; font-size: 14px;
-webkit-hyphens: none;
} }
.nnw-overflow {
overflow-x: auto;
}
/* /*
Instead of the last-child bits, border-collapse: collapse Instead of the last-child bits, border-collapse: collapse
could have been used. However, then the inter-cell borders could have been used. However, then the inter-cell borders
@ -145,8 +150,10 @@ code, pre {
.nnw-overflow table { .nnw-overflow table {
margin-bottom: 1px; margin-bottom: 1px;
border-spacing: 0; border-spacing: 0;
border: 1px solid #777; border: 1px solid var(--accent-color);
font-size: inherit;
} }
.nnw-overflow td, .nnw-overflow th { .nnw-overflow td, .nnw-overflow th {
-webkit-hyphens: none; -webkit-hyphens: none;
word-break: normal; word-break: normal;
@ -166,12 +173,6 @@ code, pre {
padding: 0; padding: 0;
} }
img, figure, div {
max-width: 100%;
height: auto !important;
margin: 0 auto;
}
video { video {
width: 100% !important; width: 100% !important;
height: auto !important; height: auto !important;