tweaks to pre/code css styles

Follows Apple’s example.

• `code` within normal text is sized to 1em
• `code` within `pre` is sized slightly smaller and the letter-spacing is tightened
This commit is contained in:
Stuart Breckenridge 2021-03-06 10:45:58 +08:00 committed by Maurice Parker
parent 5790d4443f
commit 13dd1d1bb5

View File

@ -137,7 +137,6 @@ pre {
margin: 0; margin: 0;
overflow: auto; overflow: auto;
overflow-y: hidden; overflow-y: hidden;
word-wrap: normal; word-wrap: normal;
word-break: normal; word-break: normal;
} }
@ -145,12 +144,18 @@ pre {
pre { pre {
line-height: 1.4286em; line-height: 1.4286em;
} }
code, pre { code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: .8235em; font-size: 1em;
-webkit-hyphens: none; -webkit-hyphens: none;
} }
pre code {
letter-spacing: -.027em;
font-size: 0.9375em;
}
.nnw-overflow { .nnw-overflow {
overflow-x: auto; overflow-x: auto;
} }